建站知識
網(wǎng)站設(shè)計(jì)知識 網(wǎng)站建設(shè)知識 網(wǎng)絡(luò)營銷知識 微信資訊 常見問題 網(wǎng)站備案 公司新聞網(wǎng)站建設(shè)套餐
標(biāo)準(zhǔn)型網(wǎng)站建設(shè) 精美型網(wǎng)站建設(shè) 營銷型網(wǎng)站建設(shè) 高端品牌網(wǎng)站建設(shè) 電子商務(wù)型網(wǎng)站建設(shè) 行業(yè)門戶型網(wǎng)站建設(shè) 手機(jī)網(wǎng)站建設(shè) 微信網(wǎng)站建設(shè)CSS設(shè)計(jì)心得如何在網(wǎng)頁設(shè)計(jì)中對中文排版
本人從事WEB2.0網(wǎng)頁設(shè)計(jì)多年,對于web標(biāo)準(zhǔn),遵循標(biāo)準(zhǔn)設(shè)計(jì)和制作web頁面非常熟悉,今天整理了一下自己這些年的經(jīng)驗(yàn),針對如何在網(wǎng)頁設(shè)計(jì)中對中文排版做總結(jié),希望對正在學(xué)習(xí)的人有幫助。因?yàn)橹皇菍懸恍⿷?yīng)用方面的心得,如果需要完整的CSS屬性介紹,請參考CSS手冊。
1、 如何設(shè)定文字字體、顏色、大小 —— 使用font
font-family設(shè)定字體,通用的寫法如下,font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif;一般的網(wǎng)站都是這樣設(shè)置的。
font-size設(shè)定文字大小,比如font-size: 12px;(或者9pt,不同單位顯示問題參考CSS手冊)
font-weight設(shè)定文字粗細(xì),比如font-weight: bold;
font-style設(shè)定斜體,比如font-style: italic;
line-height設(shè)定行距,比如line-height: 150%;
color設(shè)定文字顏色(注意不是font-color),比如color: red;
上面的所有屬性其實(shí)可以寫在一行font屬性里(除了color屬性需要單獨(dú)寫):
font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif;
2、關(guān)于段落排版的屬性:主要是margin,text-align 這兩個(gè)屬性
中文段落如果要左右(相當(dāng)于縮進(jìn))、段前段后的空白,都可以用margin。比如:
p{
margin: 18px 6px 6px 18px; /*分別是上、右、下、左,十二點(diǎn)開始的順時(shí)針方向*/
}
文字的對齊方式用text-align,比如:
p{
text-align: center; /*居中對齊*/
}
對齊方式還有l(wèi)eft、right和justify(兩端對齊)