1. 新增属性
1.1. 边框(borders)
边框颜色 | 边框图片 | 边框圆角 | 阴影 |
---|---|---|---|
border-color | border-image | border-radius | box-shadow |
1.2. 背景(backgrounds)
背景显示位置 | 背景图片尺寸 | 图片剪辑位置 |
---|---|---|
background-origin | background-size | background-clip |
1.3. 颜色(color)
rgb和透明度 | 透明度 |
---|---|
RGBA Color | opacity |
1.4 文本(text)
阴影 | 文字溢出 | 换行 |
---|---|---|
text-shadow | text-overflow | word-wrap |
1.5 用户界面 (User-interface)
盒模型 | 区域可缩放 | 元素周围的轮廓线 |
---|---|---|
box-sizing | resize | outline |
1.6 变换效果 (transform)
平移 | 缩放 | 旋转 | 倾斜角度 | 指定自定义变换 |
---|---|---|---|---|
translate | scale | rotate | skew | matrix |
1.7 过渡效果 (transition)
指定过渡或动态模拟的 CSS 属性 | 指定完成过渡所需的时间 | 指定过渡的函数 | 指定过渡开始出现的延迟时间 | 简写形式,按照上门四个属性值连写 |
---|---|---|---|---|
transition-property | transition-duration | transition-timing-function | transition-delay | transition |
2. 新增伪类
:root 选择文档的根元素,等同于 html 元素
:empty 选择没有子元素的元素
:target 选取当前活动的目标元素
:not(selector) 选择除 selector 元素意外的元素
:enabled 选择可用的表单元素
:disabled 选择禁用的表单元素
:checked 选择被选中的表单元素
:after 在元素内部最前添加内容
:before 在元素内部最后添加内容
:nth-child(n) 匹配父元素下指定子元素,在所有子元素中排序第n
:nth-last-child(n) 匹配父元素下指定子元素,在所有子元素中排序第n,从后向前数
:first-child
:last-child
:only-child
:nth-of-type(n) 匹配父元素下指定子元素,在同类子元素中排序第n
:nth-last-of-type(n) 匹配父元素下指定子元素,在同类子元素中排序第n,从后向前数
:first-of-type
:last-of-type
:only-of-type
::selection 选择被用户选取的元素部分
:first-line 选择元素中的第一行
:first-letter 选择元素中的第一个字符