|
CSS3在CSS2基本上，加强或新增了许多特性， 弥补了CSS2的众多不足之处，使得Web研发变得更为有效和方便。
CSS3的状况浏览器支持程度不足好，有些必须添加私有前缀移动端支持优于PC端持续改进中应用相对广泛应对的策略：渐进加强（1）保持渐进加强的原则：让低版本浏览器能正常拜访页面，高版本的浏览器用户体验更好。【要紧】例如说，一样是一个头像，可能在低版本的浏览器中，头像方的；在高版本的浏览器中，头像是圆的。 （2）思虑用户群体。（3）按照制品的方法。参考链接： 渐进加强 VS 优雅降级 | 简书渐进加强和优雅降级之间的区别（面试题目）
浏览器的版本问题
因为CSS3广泛存在兼容性问题，为了避免因兼容性带来的干扰，浏览器的意见版本为： Chrome浏览器 version 46+Firefox浏览器 firefox 42+怎样运用手册
在查看CSS参考手册时，必须重视以下符号：
例如说，{1,4}暗示能够设置一至四个参数。
下面讲CSS3的基本知识。本文讲一下 CSS3 选取器的内容。
CSS3 选取器
我们之前学过 CSS 的选取器，例如：
``` div 标签选取器
.box 类名选取器
#box id选取器
div p 后代选取器
div.box 交集选取器
div,p,span 并集选取器
div>p 子代选择器
* : 通配符
div+p: 选中div后面相邻的第1个p
div~p: 选中的div后面所有的p
```
CSS3新增了许多灵活查询元素的办法，极重的加强了查询元素的效率和精细度。CSS3选取器与 jQuery 中所供给的绝大部分选取器兼容。
属性选取器
属性选取器的标志性符号是 []。
匹配含义：
^：开头 $：结尾 *：包括
格式： E[title] 选中页面的E元素，并且E存在 title 属性就可。E[title="abc"]选中页面的E元素，并且E必须带有title属性，且属性值完全等于abc。E[attr~=val] 选取拥有 att 属性且属性值为：用空格分隔的字词列表，其中一个等于 val 的E元素。E[attr|=val] 暗示要么是一个单独的属性值，要么这个属性值是以“-”分隔的。E[title^="abc"] 选中页面的E元素，并且E必须带有 title 属性,属性值以 abc 开头。E[title$="abc"] 选中页面的E元素，并且E必须带有 title 属性,属性值以 abc 结尾。E[title*="abc"] 选中页面的E元素，并且E必须带有 title 属性,属性值任意位置包括abc。例如说，咱们用属性选取器去匹配标签的className，是非常方便的。
这儿咱们用class属性来举例。代码举例：
```html <!DOCTYPE html>
CSS3-属性选取器简介 姓名: 暗码: 性别: 男 女兴趣: 写代码```
最后来张表格：
| 
发表于 2024-6-30 06:26:21
