CSS2和CSS3大部分

1.max/min-width/height;

只有百分比缩放时才有用

2.cursor:光标值

在控件上显示不同光标的样式

3.display:table/table-row/table-cell

block:块
inline:行内
inline-block:行内有宽高
none;不显示，文档流位置没有

4.visibility

hidden:不显示，但是保留文档流的位置

5.@media:媒体监测。响应式布局的基础

@media all and (min/max-width:568px) and ...{
	//当前媒体大小的范围
}
常用的三个终端分辨率大小分别为：
768,992,1200(480不常用了)

6.border-radius:弧度

7.box-shadow:盒子阴影

box-shadow:x轴，y轴，阴影的大小，颜色

8. text-shadow:文字的阴影

9.background-size:

background-size:宽 高
background-size:cover   x轴（横向拉满）
background-size:contain  y轴（纵向拉满）

10. background-origin:设置图片起始位置

默认位置：padding开始
background-origin:border-box;
background-origin:content-box;

11.换行相关：

word-break:break-all;强制换行
word-warp:break-word;英语情况下按单词换行

12.超出文本变…

一起用（联用）：
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;    

13.transform:变形：平移，旋转，缩放， 倾斜

1. translate(x,y); translateX/Y;平移
2. rotate(n);deg角度  旋转
3. scale(n); 缩放n辈(可以写两个值，分别缩放x,y轴)
4. skew(n);倾斜角度 (可以写两个值，分别倾斜x,y轴)

14.transition过渡

四个参数：
1. 过渡的属性。一般写all代表所有属性
2. 总共花费的时间：1s 1ms （秒，毫秒）
3. 过渡的效果：
	1. ease-in:慢入(快出)  
	2. ease-in-out:慢入慢出中间快
	3. ease-out:慢出(快入)
	4. linear:平滑
4. 延时，delay:1s   几秒后运行 

15.样式有前缀(浏览器特有的样式前缀)

-ms-:微软。ie
-moz:火狐浏览器。ff
-webkit:谷歌浏览器、Safari。

16.animation:动画：

1. 关键帧s:
	1. @keyframes 关键帧名{
			from{}
			to{}
		}
	2. @keyframes 关键帧名{
			0%{}
			....
			100%{}
		}
2. animation:5个
	1. 关键帧名
	2. 时长
	3. 效果：ease-in......
	4. 延时秒数
	5. 循环次数：infinite(无限循环)

17.column文字多列显示

column-count;多少列
column-gap;列间距
column-rule:列间距规则

18.box-sizing:border-box;

自动计算宽度

19.css3:display:flex;伸缩盒子(详见下一篇)