CSS flex 所有弹性盒模型对象的子元素都有相同的长度，忽略内部的内容，flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。CSS flex 让子元素都有相同的长度

非标准CSS选择器 -webkit-font-smoothing；none: 无抗锯齿；subpixel-antialiased (default): 次像素平滑 常见于Mac OS和MacType For Windows；antialiased: 灰度平滑 常用；Android和iOS等移动设备用Chrame浏览器测试效果还是可以的

word-wrap，word-break联合应用：中英文混合状态下强制换行，line-height设置段落的行高，CSS 3 属性 word-break在合适的段点处换行，word-wrap设置单词换行。

text-transform控制英文文本的大小写（默认：none 标准文本），JS中obj.style['textTransform'] == 'none'，1.capitalize其中的单词转换为大写字母开头，2.uppercase全部转换为大写字母，text-decoration添加文本修饰。

CSS 文本 （letter-spacing，word-spacing）letter-spacing设置文本的字体间距（定义了在文本字符框之间插入多少空间）（默认：normal），JS中obj.style['letterSpacing'] == '15px'

CSS 文本属性可定义文本的外观，今天总结一下CSS 文本 （text-align文本对齐，text-indent首行缩进）的这两个属性。direction设置文本的书写方式（默认：ltr），JS中obj.style['direction'] == 'ltr'（left-to-right）

background是CSS中设置背景样式的属性，下面就详细介绍一下：background-color设置元素的背景颜色：（JS中obj.style['backgroundColor'] == '#e5705f';）background-attachment设置元素背景图是否随页面移动。

RGBA是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha的色彩，其他颜色值：十六进制、RGB颜色值、HSL颜色、HSLA颜色。

跟元素圆角一样，很早以前只能用透明GIF或者PNG图片来代替，如今有了（box-shadow），它向元素添加一个或多个阴影，在JS中可以这样书写：obj.style.boxShadow = '10px 10px 5px #F2F2F2' 或者 obj.style['boxShadow'] = '10px 10px 5px #F2F2F2'

记得很多年前，想要实现一个div圆角，最简单的方法就是用图片代替，而如今，使用border-radius就能很好的实现，先看案例吧（可以用不同的浏览器打开）