1.颜色:
新增 RGBA,HSLA 模式
2. 文字阴影:
text-shadow
3.边框:
圆角:border-radius
边框阴影: box-shadow
4. 盒子模型:
box-sizing
5.背景:
background-size:设置背景图片的尺寸
background-origin :设置背景图片的原点
background-clip: 设置背景图片的裁切区域,以”,”分隔可以设置多背景,用于自适应布局
6.渐变:
linear-gradient、radial-gradient
7. 过渡:
transition,可实现动画
8. 自定义动画
animate @keyfrom
9. 在 CSS3 中唯一引入的伪元素是
::selection
选择器主要用于文档中被用户高亮的部分(鼠标或者其他设备选中的部分)
10. 媒体查询,多栏布局
@media screen and (width:800px){
…
}
11. border-image
12.2D 转换:
transform:translate(x,y) rotate(x,y) skew(x,y) scale(x,y)
13. 3D 转换
14. 字体图标
font-face
15. 弹性布局
flex