简单实用的CSS网页布局中文排版心得
一、如何设定文字字体、颜色、大小 — 使用fontfont-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; /*分别是上、右、下、左,十二点开始的顺时针方向*/
}
页:
[1]