CSS實現(xiàn)網(wǎng)站內(nèi)容首行縮進樣式
作者：佚名 時間：2014-03-16 分享到：
如何讓網(wǎng)站內(nèi)容首行縮進
text-indent屬性
盡管該屬性現(xiàn)在已經(jīng)不像以前那樣通用了，但這仍然是縮進文本段落首行的標(biāo)準(zhǔn)做法。諸如定義這樣的某些文本塊能常要突出顯示第一行，這復(fù)印件為懸掛縮進（hanging indent）。
CSS2的text-indent屬性允許把這些特性應(yīng)用到任何塊標(biāo)簽上，由此來控制該塊第一行的縮進量。使用長度和百分比值時：負(fù)值可以創(chuàng)建懸掛縮進，百分比值則確定了縮進量相對于父元素寬度的百分比。默認(rèn)值為10.
要縮進文檔中的所有段落，可以參考以下示例：
P{text-indent:3em}
當(dāng)段落的字體大小隨瀏覽器的不同而發(fā)生改變時，長度單位em會相應(yīng)調(diào)整縮進量。
使用懸掛縮進需要一些技巧，因為必須要注意元素的邊框。負(fù)縮進不會移動文本的左邊界；它僅僅會向左移動元素的第一行，可能將其移動到邊界、邊框或父元素的補白部分。由于這個原因，只有把元素的左邊界也向右移動，并且偏移量等于或大于懸掛縮進量時，縣掛縮進才能你預(yù)期那樣有效，例如：
p.wront{text-indent:-3em}
p.hang {text-indent:-3em;margin-left:3em}
p.large{text-indent:-3em;margin-left:6em}
上述代碼創(chuàng)建了三種段落樣式。第一種樣式創(chuàng)建了一個向左邊界延伸的懸掛縮進。第二種樣式創(chuàng)建了一個常規(guī)懸掛縮進。第三種樣式則創(chuàng)建了一個正文縮進量大于懸掛縮進量的段落樣式。所有這三種樣式的效果如下圖所示：
