11-1 使用text-decoration添加文本修飾
我們來學習文本裝飾，比如我們想實現以下效果：
想要實現以上效果,我們可以輸入以下代碼：
技術點的解釋：
1、text-decoration可以設置添加到文本的修飾。
2、text-decoration默認值爲none, 定義標準的文本。
3、text-decoration的值爲underline爲定義文本下的一條線。
4、text-decoration的值爲overline爲定義文本上的一條線。
5、text-decoration的值爲line-through爲定義穿過文本下的一條線，一般用於商品折釦價。
11-2使用text-indent爲文本添加首行縮進
中文文字中的段前習慣空兩個文字的空白，這個特殊的樣式可以用下面代碼來實現：
p{text-indent:2em;}
<p>1922年的春天，一個想要成名名叫尼克卡拉威（托比?馬奎爾Tobey Maguire 飾）的作家，離開了美國中西部，來到了紐約。那是一個道德感漸失，爵士樂流行，走私爲王，股票飛漲的時代。爲了追尋他的美國夢，他搬入紐約附近一海灣居住。</p>注意：2em的意思就是文字的2倍大小。
11-3 使用line-height爲文字設置行間間距
這一小節我們來學習一下另一個在段落排版中起重要作用的行間距（行高）屬性（line-height）
如下代碼實現設置段落行間距爲1.5倍。
p{line-height:1.5em;}
<p>菲茨傑拉德，二十世紀美國文學巨擘之一，兼具作家和編劇雙重身份。他以詩人的敏感和戲劇家的想象爲"爵士樂時代"吟唱華麗挽歌，其詩人和夢想家的氣質亦爲那個奢靡年代的不二注解。</p>11-4 使用letter/word-spacing增加或減少字符間的空白
中文字間隔、字母間隔設置：
如果想在網頁排版中設置文字間隔或者字母間隔就可以使用 letter-spacing來實現，如下面代碼：
h1{
letter-spacing:50px;
}
...
<h1>了不起的蓋茨比</h1>注意：這個樣式使用在英文單詞時，是設置字母與字母之間的間距。
l 單詞間距設置：
如果我想設置英文單詞之間的間距呢？可以使用word-spacing來實現。如下代碼：
h1{
word-spacing:50px;
}
...
<h1>welcome to imooc!</h1>11-5 使用text-align設置文本對齊方式
想爲塊狀元素中的文本、圖片設置居中樣式嗎？可以使用text-align樣式代碼，如下代碼可實現文本居中顯示。
h1{
text-align:center;
}
<h1>了不起的蓋茨比</h1>同樣可以設置居左：
h1{
text-align:left;
}
<h1>了不起的蓋茨比</h1>還可以設置居右：
h1{
text-align:right;
}
<h1>了不起的蓋茨比</h1>11-6長度值
長度單位總結一下，目前比較常用到px（像素）、em、% 百分比，要注意其實這三種單位都是相對單位。
1、像素
像素爲什麽是相對單位呢？因爲像素指的是顯示器上的小點（CSS槼範中假設“90像素=1英寸”）。實際情況是瀏覽器會使用顯示器的實際像素值有關，在目前大多數的設計者都傾向於使用像素（px）作爲單位。
2、em
就是本元素給定字體的 font-size 值，如果元素的 font-size爲14px，那麽1em = 14px；如果font-size爲18px，那麽 1em = 18px。如下代碼：
p{font-size:12px;text-indent:2em;}上面代碼就是可以實現段落首行縮進 24px（也就是兩個字體大小的距離）。
下面注意一個特殊情況：
但當給 font-size 設置單位爲em時，此時計算的標準以 p 的父元素的 font-size 爲基礎。如下代碼：
html:
<p>以這個<span>例子</span>爲例。</p>
css:
p{font-size:14px}
span{font-size:0.8em;}結果 span 中的字體“例子”字體大小就爲 11.2px（14 * 0.8 = 11.2px）。
3、百分比
p{font-size:12px;line-height:130%}設置行高（行間距）爲字體的130%（12 * 1.3 = 15.6px）。
