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阅读
(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阅读
     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 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点赞
结构性 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评论
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阅读
圆角 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>talk</title> <style type="text/css"> div { position: relative; width: 500px; ...
转载 2021-10-20 10:33:00
120阅读
2评论
文章目录[隐藏] css3 变量: css3 变量:变量的声明:必须以–开头,// 全局声明:声明一个全局变量--bgcolor; :root 可以设置为 body html 和 root 记住只有 root 才有冒号:root{ --bgcolor:#000;}使用:在要用的地方用 var(--设置的名称,这个是可选参数当前面无效时的参数)普通声明:声...
css
原创 2021-07-05 13:41:15
397阅读
CSS3新增选择器 子选择器 子级选择器用于选取带有特定父元素的元素.box > p{ background-color: pink} 兄弟选...
原创 2022-03-03 10:55:55
105阅读
目标: 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课程 1-2、css3新增元素有哪些 一、总结 一句话总结: 1、div:target{}是什么意思? 比如a标签的锚点链接到div,div:target{}就可以找到这个divE:target { sRules } 匹配相关URL指向的E元素。 2、如何用input框模拟单
转载 2018-08-03 21:58:00
81阅读
  • 1
  • 2
  • 3
  • 4
  • 5