一、文本效果

1、text-indent

SEO（搜索引擎優(yōu)化）將LOGO作為h1背景，并將h1中文字用text-indent:-9999隱藏起來(lái)，但仍會(huì)被搜索引擎檢索到

2、text-align（對(duì)文字、行內(nèi)元素、行內(nèi)塊元素起作用）

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">內(nèi)含內(nèi)聯(lián)元素</span>

<span style="display: inline-block; overflow: hidden;height: 80px;background-color: #00FFFF;">hidden</span>

</div>

基線對(duì)齊

在文本之類內(nèi)聯(lián)元素中，基線是字符x的下邊緣位置。

在像img元素中基線就是下邊緣。

在inline-block元素中，也分兩種情況：

如果該元素中有內(nèi)聯(lián)元素，基線就是最后一行內(nèi)聯(lián)元素的基線。

如果該元素內(nèi)沒(méi)有內(nèi)聯(lián)元素或者overflow不是visible，其基線就是margin的地邊緣。

②top

（內(nèi)聯(lián)）元素的頂邊和行內(nèi)最高元素的頂邊對(duì)齊，最高元素的頂邊包括margin

top

③bottom

元素的底邊和行的底邊對(duì)齊。

bottom

④middle