HTML CSS基础详解1

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%：将文本配置成双倍行距。