c3

CSS3
CSS3是CSS2的“进化”版本,在CSS2的基础上,增强或新增了许多特性,弥补了CSS2的许多不足之处,使得web开发变得更加高效便捷

CSS3现状
1.浏览器支持程度较好,需要添加私有前缀
2.移动端支持优于PC端

如何对待
1.遵循渐进增强原则:让低版本浏览器获得基础的功能,高版本浏览器具有更好的用户体验
2.考虑用户群体
3.遵循产品方案

属性选择器:
符号 [ ]

模糊匹配:
^开始
*包含
$结束


结构伪类选择器,符号:
:first-child                     选中第一个子元素
:nth-child(n)                 选中第n个子元素
:last-child                     选中最后一个子元素
:nth-last-child(n)          选中倒数第n个子元素
:empty()                      选中为空元素

排除伪类:
:not()                           排除指定元素

伪元素,符号::
概念:用样式模拟结构效果

::first-letter   第一个字
::first-line     第一行
::section       鼠标选中的区域

1.伪元素默认是行内元素
2.伪元素是当前元素的子元素,分别在盒子内部前后模拟两个标签
3.伪元素必须有content属性,就算是空也要写!!
4.没有语义
作用:简化页面结构,避免使用不必要的标签

posted @ 2020-09-04 14:57  MIKE-CHOW  阅读(250)  评论(0)    收藏  举报