颜色:新增 RGBA,HSLA 模式,新增透明度
文字阴影:(text-shadow)
边框:
边框圆角:(border-radius)边框阴影:(box-shadow)边框图片:(border-image)弹性盒子模型:(box-sizing:border-box;)
背景:
background-size :设置背景图片的尺寸background-origin :设置背景图片的原点(定位、位置)background-clip :设置背景图片的裁切区域,以”,”分隔,可以设置多背景,用于自适应布局。渐变:
linear-gradient:(线性渐变)radial-gradient :(径向渐变)过渡:transition,可实现动画
自定义动画 animation 定义动画:@keyframes 动画名称
在 CSS3 中唯一引入的伪元素是 :selection
媒体查询@media,多栏布局:
@media screen and (width:500px) { body { background-color: red; } }2D 转换:
transform:translate(x,y) 移动rotate(x,y) 旋转skew(x,y) 翻转scale(x,y) 缩放3D 转换
字体图标 : font-face
弹性布局 :flex
新增选择器: nth-child(n)