段落縮進很實用,配合P標簽能起到意想不到的效果。CSS中的段落縮進定義是通過text-indent來實現,下面說下它的參數和用法:
語法: text-indent: 〈值〉
允許值: 〈長度〉或者〈百分比〉
初始值: 0
文本縮進屬性可以應用於塊級元素(P,H1等.)或用戶自定義的地方,在段落的第一行生效,值必須是整數或一個百分比。若百分比則CSS會自動查找上級元素的寬度設定值,具體的代碼示例:
P { text-indent: 20px } 即表示段落縮進20個像素值,大約就是空兩個漢字那麼寬。
這樣,在網頁的正文區帶<p>標簽的地方,都可以向後縮進20像素,讓整篇文章排版更規范。如果你沒有使用<p>,那麼也可以在需要縮進的地方這樣定義,比如是<span>標簽:
<span style="text-indent:20px">
CSS控制段落縮進是很實用的,只需定義一次,增加文章可讀性,可提高網頁的浏覽體驗。