1.字体
font-family属性配置的是字体家族或者说“字型”。下面总结字体家族以及其中的一些常用字体,分别对应:
font-family;说明;常用字体。
serif(有衬线);所有serif字体在笔画末端都有小的衬线,常用于显示标题;Times New Roman,Georgia,Palation。
sans-serif(无衬线);sans是无的意思,常用于显示网页文本;Arial,Verdana,Geneva。
monospace(等宽);宽度固定的字体,常用于显示代码;Courier New,Lucida Console。
cursive(草书、手写体);使用需谨慎,可能造成在网页上难以阅读的情况;Comic Sans MS。
fantasy(异体);风格很夸张,有时用于显示标题,使用需谨慎,可能造成网页难以阅读的情况;Jokerman,Curlz MT。
可以在font-family属性值中列出多个字体和类别,例如,以下CSS配置p元素用Arial字体显示段落文本:
p{font-family:Arial,Helvetica,sans-serif;}
配置body元素选择符,设置全局样式来使用sans-serif字体:
body{font-family:Arial,Helvetica,sans-serif;}
注意:要用引号包含“Times New Roman”,因为字体包含多个单词,例如:
h2{font-family:Georgia,“Times New Roman”,serif;}
2.文本属性
font-size属性:用于设置字号。如下:分别对应 值的类别;值;说明。
文本值; xx-small,x-small,small,medium(默认),large,x-large,xx-large ;在浏览器中改变文本大小时,能很好的缩放,字体号选项有限。
像素单位(Pixel Unit,pt); 带单位的数值,比如:10px; 基于屏幕分辨率显示,在浏览器中改变文本大小时,也许不能很好的缩放。
磅单位(Point Unit,pt); 带单位的数值,比如:10px; 用于配置网页的印刷本,在浏览器中改变文本大小时也许不能很好的缩放。
Em单位(em); 带单位的数值,比如.75em; W3C推荐,在浏览器中改变文本大小时,能很好的缩放,字号选项很多。
百分比单位; 百分比数值,比如75%; W3C推荐,在浏览器中改变文本大小时能很好的缩放,字号选项很多。
font-weight属性:配置文本的浓淡(粗细)。配置CSS规则font-wight:bold具有与XHTML元素<strong>或<b>相似的效果。
font-style属性:一般用于配置倾斜显示的文本(与XHTML元素<i>或<em>相同的视觉效果)。它的值包括normal(默认),italic和oblique。
line-height属性:修改文本行的空白间距,通常配置成百分比值。例如,line-height:200%:将文本配置成双倍行距。