- 盒模型：box-sizing
（1）content-box：设置的width属性值仅仅是内容的宽度。
（2）border-box：设置的width属性值就是盒子最终的宽度，包含了border、padding和内容。
- 颜色：
rgb(红,绿,蓝);//取值都在0~255
hsl(颜色[0~360],饱和度[0%~100%],明度[0%~100%])
opacity：透明度，取值0~1，子元素会继承透明度
transparent：完全透明
rgba(红,绿,蓝,透明度)； //子元素不会继承透明度
hsla(颜色,饱和度,明度,透明度); //子元素不会继承透明度
- 新增background属性
background-origin：设置背景坐标原点
属性值：
border-box：从border的位置开始填充背景，与border重叠
padding-box：从padding的位置开始填充背景，与padding重叠
content-box：从内容的位置开始填充背景
background-clip：设置内容的裁剪，控制显示
border-box：显示border以内的内容
padding-box：显示padding以内的内容
content-box：显示content以内的内容
- 多列布局：
（1）column-count：设置列的具体个数
（2）column-width：控制列的宽度
（3）column-gap：两列之间的缝隙间隔
（4）column-rule：规定列之间的宽度、样式和颜色
（5）column-span：规定元素应跨多少列（n：指定跨n列 all：跨所有列）
- 伸缩布局
display:flex ：设置盒子里的所有直接子元素都会自动变成伸缩项
justify-content：flex-start|flex-end|center|space-between|space-around //设置或检索弹性盒子元素在主轴方向上的对齐方式
flex-wrap:nowarp|wrap|wrap-reverse //控制子元素是否换行显示，默认不换行
flex-direction:row|row-reverse|column|column-reverse //设置子元素的排列方，默认(row)水平排列
flex-flow： flex-wrap和flex-direction的综合
flex-grow：扩展子元素的宽度（根据夫元素剩余空间分配），默认值为0（宽度比例计算：当前的flex-grow值/所有子元素的flex-grow值）
flex-shrink：定义收缩比例，通过设置的值计算收缩空间，默认值为1
flex:[number] //指定一个数字，表示该伸缩项占用所有剩余空间的比例
align-items:flex-start|flex-end|center|stretch|baseline //设置子元素在侧轴方向上的对齐方式
align-self：设置单个子元素在侧轴方向上的对齐
