CSS3 新特性
选择器增强
CSS3 新增了更多的选择器,如属性选择器、伪类选择器
圆角边框
引入 border-radius 属性,可以设置元素的圆角效果
阴影效果
引入 box-shadow 属性,可以设置元素的阴影效果,包括水平便宜、垂直便宜、模糊半径、阴影尺寸和颜色等
文字效果
引入 word-wrap、text-shadow、text-overflow、text-decoration 等属性,可以为文字添加阴影效果、控制溢出文本、下划线
背景特性
引入多重背景图、背景渐变等效果
渐变
- linear-gradient:线性渐变
- radial-gradient:径向渐变
2D/3D 转换
引入 transform 属性,可以对元素进行位移、缩放、旋转、倾斜等 2D 或 3D 转换效果
过渡和动画
新增 transition 和 animation 属性,可以实现元素的平滑过渡和动画效果
弹性布局
引入弹性盒模型布局(Flex布局),能够更好地适应不同设备和屏幕尺寸
栅格布局
引入栅格布局(Grid布局),能够更好地适应不同设备和屏幕尺寸