第二章 CSS3 选择器
- 基本选择器:所有浏览器都可用
- 层次选择器:基本所有浏览器都可用(部分 IE7+)
伪类选择器:大部分 IE8+9 + 可用
E:target:匹配 id 为 hash 的元素
伪元素:IE6~8 仅支持单冒号,IE9 + 支持伪元素
伪元素为 DOM 树没有定义的虚拟元素。不同于其他选择器,它不以元素为最小选择单元,它选择的是元素指定内容。
使用伪元素可以 DOM 的部分内容(并非整个 DOM)添加样式
- 属性选择器:基本所有浏览器都可用(IE7+)
第三章 CSS3 边框
目前:
- border-color:浏览器支持的不是很好,尽量别用
border-image:IE11 才支持,谨慎使用
使用一张图片切成九宫格(切的顺序:TRBL),用 8 个边上个格为图片生成边框背景border-radius:浏览器支持的不错,IE9 + 可用
参数:none | 水平参数 {1,4} / [垂直参数 {1,4}]
?box-shadow:和 border 不同,box-shadow 不是盒模型的中的属性,不会计算到宽度
PS:图片圆角我测试可以直接使用,但图片内阴影直接设置无效需要将图片设置为背景,或外面套个 div 实现
第四章 CSS3 背景
多背景:IE8 + 支持
扫描二维码关注公众号,回复: 5599447 查看本文章多个背景用逗号隔开