网站设计CSS中文排版“潜规则”

文字排版对网站设计来说很重要，有顺序的排列可以提高网站的浏览量之外还能提高网站的整体美观，可以说是两全其美，网站设计如何通过CSS对中文进行排版呢？下面看下“潜规则”吧！ 

“潜规则”一

控制段落排版 网站设计控制段落排版使用margin，text-align，中文段落使用<p>标签，左右（相当于缩进）、段前段后的空白，都可以用margin。比如： p{ margin: 18px 6px 6px 18px; /*分别是上、右、下、左，十二点开始的顺时针方向*/ } 文字的对齐方式用text-align：center对齐方式还有left、right和justify（两端对齐） 

“潜规则”二

首字下沉 网站设计首字下沉使用:first-letter，伪对象:first-letter配合font-size、float可以制作首字下沉效果。 

“潜规则”三

首行缩进 网站设计首行缩进使用text-indent，text-indent可以使得容器内首行缩进一定单位。 

“潜规则”四

项目符号 网站设计项目符号使用list-style，在CSS里项目符号有disc（实心圆点）、circle（空心圆圈）、square（实心方块）、decimal（阿拉伯数字）、lower-roman（小写罗马数字）、upper-roman（大写罗马数字）、lower-alpha（小写英文字母）、upper-alpha（大写英文字母）、none（无）。 

“潜规则”五

设定文字字体、颜色、大小 网站设计设定文字字体、颜色、大小使用font，font-style设定斜体；font-weight设定文字粗细；font-size设定文字大小；line-height设定行距，color设定文字颜色；font-family设定字体； 这些属性还可以这样写（除了color之外）：font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; 

“潜规则”六

竖排文字 网站设计竖排文字使用writing-mode，writing-mode属性有两个值lr-tb和tb-rl，前者是默认的左-右、上-下，后者是上-下、右-左。 

“潜规则”七

汉字注音 网站设计给汉字注音可以使用ruby标签和ruby-align属性，比如说<ruby>注音<rt style="font-size: 11px;">zhu yin</rt></ruby>，可以利用ruby-align设置对齐方式。