1）媒体查询
不同分辨率下不同的样式，适应不同的屏幕
最大宽度，最小宽度
2）颜色渐变
渐变之后是一张图片 background-image
默认效果是从上到下（to bottom）的渐变 linear-gradient是线性渐变
要是想改变方向，要设置三个参数。注意：第一个参数是方向
设置角度就可以任意方向的渐变：
90°就是从左向右进行渐变，180°是从上到下，360°由下到上
颜色也可以多个
重复的线性渐变：
径向渐变：主要用在圆和椭圆上 由圆心开始向外
圆
3）多列显示
列数量、列间间隙、列宽
- 倒影效果
- css单位
em：父级默认字体是16px，20em就是320px（20*16）
rem：根据body的字体大小。此时是30px，10rem就是300px
