在網頁中的文本格式中最重要的效果之一就是段落的首行文本縮進，尤其在新聞類頁面，使用text-indent，任何元素都可以讓首行以給定的長度縮進，
長度甚至可以是負數，這一屬性的最常用方式就是段落的首行縮進；
p{text-align:2em;}
這條規則使任何段落的首行縮進2個字符大小。
通常，text-indent可應用於任何塊級元素，但不能應用於內聯元素，也不能用於替換元素，如<img />,但是，如果段落首行有一個圖像，那么它將隨文本一起移動。
text-indent支持負的文本縮進，如
- p{text-indent:-2em;}
這里所有的段落的首行就會向前移動2個文字大小。不過使用負的text-indent時要注意文字跑出元素外面，這樣你要的效果可能反而就得不到了。
這里需要注意的是百分比的使用，百分比是指相對於父元素的值，如果設置5%的縮進值，那么此元素的首行將按其父元素的寬度的5%進行縮進。如：
- div{width:400px;}
- p{text-indent:5%;}
<div><p>這是一段文字，測試文本縮進百分比的使用</p></div>
我們可以看到首行文字縮進了20px，計算原理就是父元素400x5% = 20px，當然這里得注意p元素沒有設置寬度，設置了寬度就按本身寬度的百分比來計算。
然而，text-indent中最有趣的估計是繼承，它繼承的是計算值，而非聲明值。如
- body{width:500px;}
- div{width:400px;text-indent:10%;}
- p{width:200px;}
<div>
這是外面的文字
<p>這是里面的文字</p>
</div>
這里便可以看到兩段文字的首行都縮進了50px，而不是外面的文字50px，p元素中的文字縮進40px，可見它繼承的是計算值，而不是聲明值。
今天的內容就這么多，寫的挺粗糙的，慚愧啊。