一、盒模型新增样式
1、盒模型阴影
box-shadow（IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支持box-shadow属性。默认none，不可继承）
box-shadow:h-shadow v-shadow blur spread color inset;
阴影可叠加
blur为模糊程度，不可为负
spread为扩展，可为负，0表示原始大小
2、倒影（谷歌扩展，移动端，谷歌）
-webkit-box-reflect："above/below /left /right 2px"
3、resize（配合overflow：hidden使用）
4、border-sizing
border-box
content-box（默认值）
二、新增UI样式
1、圆角
border-radius（默认0，不可继承）
2、边框图片
border-image-source:url()
border-image-slice:numberr|%|fill;
3、背景（默认透明，不可继承）
CSS2
①background-color
②background-image:url（），支持多个背景图片，先指定的图像在上面绘制
③background-repeat
④background-position:px px/% %（百分比参照与区域尺寸-图片尺寸）
⑤background-attachme（默认值scroll，背景相对元素固定，不随内容滚动）
fixed（为视口铺背景，不用）
CSS3
背景图片从padding-box绘制，从border-box剪裁
①background-origin（背景图片渲染起始位置，默认padding-box）
②background-clip（背景图片剪裁起始位置，默认border-box）
-webkit-background-clip:text（按文字剪切背景）
③background-size（默认值auto，不可继承）
background-size:% %
背景图片相对于背景区域的百分比，类似于ps里的拉伸变形
④简写属性background
三、文字新增样式
1、opacity（透明度，IE8及以下用filter:alpha(opacity=50)）
2、rgba
3、text-shadow（不可继承，默认值为none）
text-shadow:h-shadow v-shadow blur color
4、模糊背景filter:flur()
5、文字描边
-webkit-text-strok：color px
6、文字排版
direction：rtl
unicode-bidi：bidi-override
7、溢出显示省略号
white-space：nowrap（不换行）
overflow：hidden
text-overflow：ellipsis（clip，不显示省略号，直接减掉）
如果是行内元素，靠内容撑开，不能显示省略号
四、自定义字体
1、
工具：fontlab、ui
网站：https://www.fontsquirrel.com
2、
网站：https://iconmoon.io
