http://www.w3.org/TR/css3-selectors/     css3:not      语法: //an E element that does
原创 2023-06-26 06:15:27
27阅读
     
转载 2021-06-28 15:22:04
138阅读
技巧教学前,要区分两个重要概念。元素,两者常常被人弄混。因为两者确实长得太像了,尤其在css3之前,两者在使用形式上还一摸一样,没有规范可言。在css3之后两者形式上做了区分去,单个冒号是,两个冒号是元素。应用众所周知,Animate/transitionboxshadow可以使用boxshadow属性来实现盒子阴影效果,但repaint消耗较多,于是这里提出通过修改
原创 2022-09-18 23:48:37
251阅读
介绍一下css3之:empty    ------------------------ 匹配没有子元素和内容的元素。    注释:连空格也不能有!  #test:empty{width:100px;}    应用场景=!...
原创 2023-06-26 00:37:46
122阅读
CSS3新增举例: p:first-of-type p:last-of-type p:only-of-type p:only-child p:nth-child(2) :after :before:not()
css
原创 2021-07-27 20:50:42
212阅读
CSS3新增举例: p:first-of-type p:last-of-type  p:only-of-type  p:only-child  p:nth-child(2) :after :before:not()
原创 2022-06-30 18:08:54
150阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt
原创 2022-12-21 10:29:51
78阅读
CSS3 target       ------- 用来匹配URI某一个标志符的
原创 2023-07-24 15:43:21
67阅读
                      css2.1, 合法只有 a 标签有, link  visited  hover  active          &nbsp
原创 2016-10-13 12:35:07
780阅读
1点赞
first-line 设置首行样式first-letter 设置首字母样式before 在某元素前插入内容并设置内容样式after 在某元素后插入内容并设置内容样式 实例:第一行 第二行 Read More
转载 2015-06-30 21:37:00
170阅读
2评论
CSS3:valid、invalid、requiredvalid
转载 2022-06-03 00:51:50
197阅读
结构性 demo <div class="parent"> <div class="line">aaa</div> <div class="line">bbb</div> <div class="line">ccc</div> <div class="line">ddd</div> </div> ...
转载 2021-09-17 18:24:00
246阅读
2评论
(1)elem:nth-child(n)选中父元素下的第n个子元素,并且这个子元素的标签名为elem,n可以接受具体的数 值,也可以接受函数。(2)elem:nth-last-child(n)作用同上,不过是从后开始查找。(3)elem:last-child选中最后一个子元素。(4)elem:only-child如果elem是父元素下唯一的子元素,则选中之。(5)elem:nth-of-type
原创 2022-03-25 10:26:50
109阅读
目标: css中after,last-child的使用。以及部分css3的属性。 过程: 在制作导航时。常常会遇到在每个li后面加入一个切割符号,到最后一个元素的时候,切割符就会去掉的一种效果。 如图 那么制作这种一个效果。怎么用纯css非常easy的完毕了。这里用到了css。 html部分 <body> <ul class="nav">
转载 2016-01-23 19:03:00
100阅读
2评论
,而的效果类似于通过添加一个实际的来达到。实际上css3为了区分两者,已经明确规定了用一个冒号来表示,而元...
转载 2023-02-09 08:57:23
194阅读
收藏个看到的技巧,在CSS3中,可以比如做到,原来CHECKBOX的是方的,变为圆形的;方法是使用:[code="java"]//html//css.check { background-color: #8BC34A; width: 40px; -webkit-appearance: none; appearance: none;}.c...
原创 2022-12-02 11:33:04
138阅读
   动态css3,因为这些并不存在于HTML中,而只有当用户和网站交互的时候才能体现出来,动态css3包含两种,第一种是我们在链接中常看到的锚点,如":link",":visited";另外一种被称作用户行为,如“:hover”,":active"和":focus"。先来看最常见的锚点 .demo a:link {color:gray;}/*链接没有
转载 精选 2013-12-26 11:43:07
695阅读
1点赞
1评论
* 当用户将鼠标悬停在元素上时为其设置样式* 访问和未访问的链接不同样式* 在获得焦点时设置元素的样式
原创 2019-07-26 09:01:36
657阅读
::before和::after元素的用法 一、介绍 css3为了区分元素,元素采用双冒号写法。 常见——:hover,:link,:active,:target,:not(),:focus。 常见元素——::first-letter,::first-line,::before,:
转载 2018-08-01 10:12:00
217阅读
2评论
UI元素状态相关的介绍3个 1、:checked     --------- 用于单选或者多选按钮选中状态的样式规则设置 input[type=checkbox]:checked{width:20px;}  2、:disabled     --------- 置灰状态下的样式规则设置 input:disabled{border-c...
原创 2023-06-26 00:37:33
111阅读
  • 1
  • 2
  • 3
  • 4
  • 5