成都創(chuàng)新互聯(lián)是一家集網站建設,溧水企業(yè)網站建設,溧水品牌網站建設,網站定制,溧水網站建設報價,網絡營銷,網絡優(yōu)化,溧水網站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學習、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網站。
CSS定義字體行間距 line-height:xxpx;
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> |
我們可以從表中看到在這里可以定義文本的文字間距、字母間距、裝飾、對齊方式、縮進方式和行高等屬性。
舉個例子來看看吧:
CODE:
<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的文本屬性可以方便的對頁面中的文本進行排版。
分享題目:CSS定義字體間距字體行與行間距
文章位置:http://muchs.cn/article24/jpioje.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供面包屑導航、網站導航、微信公眾號、網頁設計公司、用戶體驗、微信小程序
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)