1、CSS3的选择器
1)E:last-child匹配父元素的最后一个子元素E。
2)E:nth-child(n)匹配父元素的第n个子元素E。
3)E:nth-last-child(n)CSS3匹配父元素的倒数第n个子元素E。
2、Font-face特性
@font-face可以用来加载字体样式,而且它还能够加载服务器端的字体文件,让客户端显示客户端所没有安装的字体。
3、圆角
4、多背景图
CSS3允许使用多个属性(比如background-image、background-repeat、background-size、background-position、background-origin和background-clip等)在一个元素上添加多层背景图片。该属性的应用大大改善了以往面对多层次设计需要多层布局的问题,帮助Web前端开发者在不借助Photoshop的情况下实现对页面背景的设计,简化了背景图片的维护成本
5、颜色与不透明度
CSS3颜色模块的引入,实现了制作Web效果时不再局限于RGB和十六进制两种模式。CSS3增加了HSL、HSLA、RGBA几种新的颜色模式。这几种颜色模式的提出,在做开发的时候不仅可以设置元素的色彩,还能根据需要轻松地设定元素不透明度(opacity)。
6、多列布局与弹性盒模型布局
多列 columns 弹性盒模型 flex
7、盒子的变形
在CSS3中加入了变形属性,该属性在2D或3D空间里操作盒子的位置和形状,来实现例如旋转、扭曲、缩放或者移位。
8、过渡与动画
9、阴影
阴影主要分为两种:文本阴影(text-shadow)和盒子阴影(box-shadow)。
10、媒体查询
@media screen and (max-width: 480px) { … }