文字排版對網(wǎng)站設(shè)計(jì)來說很重要，有順序的排列可以提高網(wǎng)站的瀏覽量之外還能提高網(wǎng)站的整體美觀，可以說是兩全其美，網(wǎng)站設(shè)計(jì)如何通過CSS對中文進(jìn)行排版呢？下面看下“潛規(guī)則”吧！
“潛規(guī)則”一、控制段落排版
網(wǎng)站設(shè)計(jì)控制段落排版使用margin，text-align，中文段落使用<p>標(biāo)簽，左右（相當(dāng)于縮進(jìn)）、段前段后的空白，都可以用margin。比如：
p{
margin: 18px 6px 6px 18px; /*分別是上、右、下、左，十二點(diǎn)開始的順時(shí)針方向*/
}
文字的對齊方式用text-align：center對齊方式還有l(wèi)eft、right和justify（兩端對齊）
“潛規(guī)則”二、首字下沉
網(wǎng)站設(shè)計(jì)首字下沉使用:first-letter，偽對象:first-letter配合font-size、float可以制作首字下沉效果。
“潛規(guī)則”三、首行縮進(jìn)
網(wǎng)站設(shè)計(jì)首行縮進(jìn)使用text-indent，text-indent可以使得容器內(nèi)首行縮進(jìn)一定單位。
“潛規(guī)則”四、項(xiàng)目符號
網(wǎng)站設(shè)計(jì)項(xiàng)目符號使用list-style，在CSS里項(xiàng)目符號有disc（實(shí)心圓點(diǎn)）、circle（空心圓圈）、square（實(shí)心方塊）、decimal（阿拉伯?dāng)?shù)字）、lower-roman（小寫羅馬數(shù)字）、upper-roman（大寫羅馬數(shù)字）、lower-alpha（小寫英文字母）、upper-alpha（大寫英文字母）、none（無）。
“潛規(guī)則”五、設(shè)定文字字體、顏色、大小
網(wǎng)站設(shè)計(jì)設(shè)定文字字體、顏色、大小使用font，font-style設(shè)定斜體；font-weight設(shè)定文字粗細(xì)；font-size設(shè)定文字大小；line-height設(shè)定行距，color設(shè)定文字顏色；font-family設(shè)定字體；
這些屬性還可以這樣寫（除了color之外）：font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif;
“潛規(guī)則”六、豎排文字
網(wǎng)站設(shè)計(jì)豎排文字使用writing-mode，writing-mode屬性有兩個(gè)值lr-tb和tb-rl，前者是默認(rèn)的左-右、上-下，后者是上-下、右-左。
“潛規(guī)則”七、漢字注音
網(wǎng)站設(shè)計(jì)給漢字注音可以使用ruby標(biāo)簽和ruby-align屬性，比如說<ruby>注音<rt style="font-size: 11px;">zhu yin</rt></ruby>，可以利用ruby-align設(shè)置對齊方式。