简单实用的CSS网页布局中文排版心得

72color

一、如何设定文字字体、颜色、大小 — 使用font 

　　font-style设定斜体，比如font-style: italic; 
　　font-weight设定文字粗细，比如font-weight: bold; 
　　font-size设定文字大小，比如font-size: 12px;（或者9pt，不同单位显示问题参考CSS手册） 
　　line-height设定行距，比如line-height: 150%; 
　　color设定文字颜色（注意不是font-color），比如color: red; 
　　font-family设定字体，比如font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;（这是通用的写法） 

　　以上都可以写在一行font属性里（除了color属性需要单独写）： 
　　font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; 

二、如何控制段落排版 — 使用margin，text-align 

　　中文段落使用<p>标签，左右（相当于缩进）、段前段后的空白，都可以用margin。比如： 


<div class="UBBPanel"><div class="UBBContent">p{ 
margin: 18px 6px 6px 18px; /*分别是上、右、下、左，十二点开始的顺时针方向*/ 
}