文字修饰

1.文字修饰：

text-decoration : underline下划线 ，none没有修饰， over-line上划线 ，line-through中划线

vertical-align : 竖直对齐方式   text-align: center : 水平居中

2.内容超出处理：

overflow ：visible(默认) |auto |hidden |scroll

visible不裁剪内容，可能会显示在内容框之外。

auto 容器自适应内容，内容高度超出容易，会出现竖直滚动条，如果内容宽度超出容器，会出现水平滚动条

hidden 是把超出容器的内容部分给裁减掉

scroll  给容器设置滚动条，如果内容没有超出容器，将无法滚动

overflow-x: 对容器的水平方向处理

overflow-y: 对容器的垂直方向处理

3.overflow-x/y:

visible |hidden |scroll |auto |no-display |no-content;

visible不裁剪内容，可能会显示在内容框之外。

hidden裁剪内容 - 不提供滚动机制。

scroll裁剪内容 - 提供滚动机制。

auto如果溢出框，则应该提供滚动机制。

no-display如果内容不适合内容框，则删除整个框。

no-content如果内容不适合内容框，则隐藏整个内容。

4.颜色单位：

英文单词 / 16进制  / rgb / transparent

5.字号设置：

px：绝对单位，页面按精确像素展示

百分比：相对单位，相对于浏览器默认字号

em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。

rem：相对单位，可理解为”root em”, 相对根节点html的字体大小来计算

6.font-weight 字重：

bold(500~900)    加粗   bolder 更粗(已淘汰)

lighter(100~300) 更细   normal(400)正常的

font-style：

7.斜体设置  italic

正常设置noraml

8.font-family 字体设置:

设置多个字体用逗号隔开 用双引号包裹 （Arial一般最后一个，多系统支持）

解析风格：sans-serif(比较圆润)，serif棱角多

9.首行缩进：

text-indent: 2em;