DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> css 段落縮進text-indent用法
css 段落縮進text-indent用法
編輯:CSS詳解     
  • 段落縮進很實用,配合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控制段落縮進是很實用的,只需定義一次,增加文章可讀性,可提高網頁的浏覽體驗。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved