flex详解：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
resize: none;/*禁止改变textarea大小*/
outline: none;/*禁止表单元素默认轮廓属性*/
visibility:visible;
visibility:hidden;/*即使不可见的元素也会占据页面上的空间*/
text-align:justify; /*文字分散对齐*/
inherit; /*属性值，大多数属性支持，表示继承父元素*/
/*input盒模型默认多为怪异模式*/
自动换行
word-break:break-all; /*英文换行*/
word-wrap: break-word;
text-decoration：添加文本的修饰
#值：
line-through; /*加删除线*/
overline; /*加顶线*/
underline; /*加下划线*/
none; /*删除链接下划线*/
text-transform：控制文本的大小写
#值
capitalize; /*首字大写*/
uppercase; /*英文大写*/
lowercase; /*英文小写*/
vertical-align：定义 行内元素 的基线相对于该元素所在行的基线的垂直对齐
#值
baseline; /*默认。元素放置在父元素的基线上。*/
sub; /*垂直对齐文本的下标。*/
super; /*垂直对齐文本的上标*/
top; /*把元素的顶端与行中最高元素的顶端对齐*/
text-top; /*把元素的顶端与父元素字体的顶端对齐*/
middle; /*把此元素放置在父元素的中部。*/
bottom; /*把元素的顶端与行中最低的元素的顶端对齐。*/
text-bottom; /*把元素的底端与父元素字体的底端对齐。*/
length;
%; /*使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。*/
inherit; /*规定应该从父元素继承 vertical-align 属性的值。*/
backgrund：
background:transparent; /*透视背景*/
background-attachment : fixed; /*固定背景，背景图像不会移动*/
a：
a:link{ }; /*超链接文字格式*/
a:visited{ }; /*浏览过的链接文字格式*/
a:active{ }; /*按下链接的格式*/
a:hover{ }; /*鼠标转到链接*/
鼠标光标样式：
CURSOR:hand; /* 链接手指 */
cursor:crosshair ; /* 十字体 */
cursor:s-resize ; /* 箭头朝下 */
cursor:move; /* 十字箭头 */
cursor:move; /* 箭头朝右 */
cursor:help; /* 加一问号 */
cursor:w-resize; /* 箭头朝左 */
cursor:n-resize; /* 箭头朝上 */
cursor:ne-resize ; /* 箭头朝右上 */
cursor:nw-resize ; /* 箭头朝左上 */
cursor:text; /* 文字I型 */
cursor:se-resize; /* 箭头斜右下 */
cursor:sw-resize ; /* 箭头斜左下 */
cursor:wait; /* 漏斗 */
border-style：边框线样式
solid; /*实线框*/
dotted; /*虚线框*/
double; /*双线框*/
groove; /*立体内凸框*/
ridge; /*立体浮雕框*/
inset; /*凹框*/
outset; /*凸框*/
display：
none; /*元素不显示。*/
block; /*块级元素，元素前后会带有换行符。*/
inline; /*内联元素，元素前后没有换行符。*/
inline-block; /*行内块元素*/
inherit; /*从父元素继承 display 属性的值。*/
flex; /*子元素的float、clear和vertical-align属性将失效。*/
inline-flex; /*行内元素也可以使用Flex布局*/
list-item; /*此元素会作为列表显示。*/
run-in; /*此元素会根据上下文作为块级元素或内联元素显示。*/
table; /*此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。*/
inline-table; /*此元素会作为内联表格来显示（类似 <table>），表格前后没有换行符。*/
table-row-group; /*此元素会作为一个或多个行的分组来显示（类似 <tbody>）。*/
table-header-group; /*此元素会作为一个或多个行的分组来显示（类似 <thead>）。*/
table-footer-group; /*此元素会作为一个或多个行的分组来显示（类似 <tfoot>）。*/
table-row; /*此元素会作为一个表格行显示（类似 <tr>）。*/
table-column-group; /*此元素会作为一个或多个列的分组来显示（类似 <colgroup>）。*/
table-column; /*此元素会作为一个单元格列显示（类似 <col>）*/
table-cell; /*此元素会作为一个表格单元格显示（类似 <td> 和 <th>）*/
table-caption; /*此元素会作为一个表格标题显示（类似 <caption>）*/
