9個CSS文字排版相關(guān)CSS屬性應(yīng)用介紹

2024-07-11 08:24:05

字體：大中小

供稿：網(wǎng)友

　　學(xué)習(xí)web標(biāo)準(zhǔn)，遵循Web標(biāo)準(zhǔn)進行開發(fā)和制作。一直以來Mb5u.com與大家討論的很多是關(guān)于布局方面的問題，而頁面中主要的內(nèi)容呈現(xiàn)，是圖片和文字，今天和大家討論關(guān)于CSS網(wǎng)頁布局中文字排版的相關(guān)問題。
　　如何設(shè)定字體、顏色、大小、段落空白，首字下沉、首行縮進。最后講一些常用的web頁面中文排版，比如中文字的截斷、固定寬度詞內(nèi)折行（word-wrap和word-break）等等。因為只是寫一些應(yīng)用方面的心得，如果需要完整的CSS屬性介紹，更深入的進行學(xué)習(xí)，歡迎您參考Mb5u.com中更多的教程。

一、設(shè)定文字字體、顏色、大小等使用font等。

　　font-style設(shè)定斜體，比如font-style: italic;
　　font-weight設(shè)定文字粗細，比如font-weight: bold;
　　font-size設(shè)定文字大小，比如font-size: 12px;（或者9pt，不同單位顯示問題參考CSS手冊）
　　line-height設(shè)定行距，比如line-height: 150%;
　　color設(shè)定文字顏色（注意不是font-color），比如color: red;
　　font-family設(shè)定字體，比如font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif;（這是通用的寫法）

二、段落排版：使用margin、padding和text-align。

　　中文段落使用<p>標(biāo)簽（也可以是其他容器），左右（相當(dāng)于縮進）、段前段后的空白，都可以用margin或padding。比如：

示例代碼 [www.Mb5u.com]

上一篇：CSS中import與link的區(qū)別

下一篇：在DW中進行CSS編碼的技巧