DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> css種如何設置網頁的行間距
css種如何設置網頁的行間距
編輯:CSS詳解     
用CSS來設置:line-height   這個屬性,具體數值為像素或者數字1、2、3等為倍數。
像素一般為24px  ,如:line-height:24px;
倍數一般為2, 如:line-height:2;

不過具體的話大家的了解下css定義網頁文字格式:

CSS定義字體間距

下面我們講述一下CSS的文本屬性,還是先來看一下文本屬性的詳細列表: 屬性 屬性含義 屬性值 Word-spacing 定義了各個單詞之間的間距 Normal<length>必須以長度為單位 Letter-spacing    定義了每個字母之間的間距 同上 Text-decoration 定義文字的“裝飾”樣式 None|underline|overline| line-through|blink Vertical-align 定義了元素在垂直方向 上的位置 Baseline|sub|super|top|text-top|middle|bottom|text-bottom <percentage> text-transform 使文本轉換為其它形式 Capitalize|uppercase|lowercase|none Text-align 定義了文字的對齊方式 Left|right|center|justify Text-indent 定義了文本的首行的縮進方式 <length>|<percentage> Line-height 定義了文本的行高 Normal|<unmber>|<length>| <percentage> 我們可以從表中看到在這裡可以定義文本的文字間距、字母間距、裝飾、對齊方式、縮進方式和行高等屬性。 舉個例子來看看吧: <p style="letter-spacing:5px;text-align:justify;text-indent: 4em;line-height:17pt">我們看到經過文本屬性處理的文本字與字之間多了間距,行與行之間多了行高,對齊方式變成了兩端對齊,並且段首又多縮進了兩格。</p> letter-spacing設置了字間距為5px,其中5px為一個長度單位;text-align設置了對齊方式為兩端對齊;indent設置了縮進格為4em;line-height設置了行高為17pt 從上面的例子,我們可以看出利用CSS的文本屬性可以方便的對頁面中的文本進行排版。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved