DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS學習教程:文本段落縮進text-indent:2em
CSS學習教程:文本段落縮進text-indent:2em
編輯:CSS進階教程     

高手請略過,網頁教學網提供的這個小技巧教程適合初學CSS的人和網頁制作的人,主要實現在段落的前面自動縮進兩個字。

記得過去剛開始學習制作頁面的時候,要想讓一段文字首行縮進兩個文字,總是在前面加上8個空格,因為過去大家對CSS不熟悉,這種方法實現雖然比較直接,但是文字多的時候會有很多“ ”充斥在代碼中,代碼顯著比較亂,現在我們實現這種效果就簡單多了,直接在CSS代碼中加入:

text-indent:2em;

就很容易實現文本段落的縮進~

text-indent:2em;

解釋一下:text的意思是文本,indent在計算機英語中意思是縮進,至於後面的2em意思就是2個相對單位;

em是什麼單位?

em這個單位的意思就是文字的高度,1em就是1個文字的高度,2em就是兩個文字高度,所以我們寫的“text-indent:2em;”的意思就是,文本縮進2個文字的高度,因為漢字是方塊字,高度和寬度是一樣的,所以縮進2個文字的高度,就等於縮進兩個文字的寬度,最後的效果就是縮進了兩個文字。

說明一點

對於"text-indent:2em;"屬性,只能加在塊狀元素上面,內聯元素是不起作用的。

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