一、文本效果
1、text-indent
SEO（搜索引擎优化）将LOGO作为h1背景，并将h1中文字用text-indent:-9999隐藏起来，但仍会被搜索引擎检索到
2、text-align（对文字、行内元素、行内块元素起作用）
3、line-height（px、em、%、number）继承性
4、vertical-align
①baseline
<div style="background: green">
x
<img src="img/logo.png" style="background-color: red;"/>
<span style="display: inline-table;background-color:yellow">内含内联元素</span>
<span style="display: inline-block; overflow: hidden;height: 80px;background-color: #00FFFF;">hidden</span>
</div>
基线对齐
在文本之类内联元素中，基线是字符x的下边缘位置。
在像img元素中基线就是下边缘。
在inline-block元素中，也分两种情况：
如果该元素中有内联元素，基线就是最后一行内联元素的基线。
如果该元素内没有内联元素或者overflow不是visible，其基线就是margin的地边缘。
②top
（内联）元素的顶边和行内最高元素的顶边对齐，最高元素的顶边包括margin
top
③bottom
元素的底边和行的底边对齐。
bottom
④middle
