css3 新特新汇总

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 选择元素中的第一个字符

上一篇:css3动画-加载中...


下一篇:团队项目冲刺第七天 网格布局