CSS入门系列：第二部分属性（一）

来源：互联网发布：金属软件编辑：程序博客网时间：2024/06/07 13:16

——摘自《CSS入门经典（第3版）》 Lan Pouncey、Richard York著

【应用字体外观】

·font-family属性指定文本的字体。

font-famiyl:”Times New Roman”,Georgia,Serif;//可以指定多个字体，字体名称不区分大小写，包含空格的字符串（例如”Times New Roman”）必须放在引号内。浏览器会遍历逗号分隔的字体列表，直至找到能够显示的一种字体，最好在字体列表的最后包含一个通用字体。

通用字体

·font-style属性设置斜体。

属性

值

font-style

normal|italic|oblique

初始值：normal

注意：并非所有的字体都有斜体样式。

·font-weight属性设置粗体。

font-weight属性有很多可能的值，但只有两种值可用：normal和bold。Web上使用的大多数字体不支持font-weight属性允许的多种变体。

·font-variant属性设置小号大写字母。

属性

值

font-variant

normal|small-caps

初始值：normal

在标题中使用不错，但用在大段文本中会使文本变得难以阅读。

·font-size属性控制字体的大小。

属性

值

font-size

<absolute-size>|<relative-size>|<length>|<percentage>

初始值：medium

·相对字体大小：1.5em，即默认字体大小的1.5倍，即150%。

·字体简写属性

属性

值

font

[[<’font-style’>||<’font-variant’>||<’font-weight’>]?<’font-size’>[/<’line-height’>]?<’font-family’>]caption|icon|menu|message-box|small-caption|status-bar

//caption、icon、menu、message-box、small-caption、status-bar这些值是系统字体。问号表示这部分是可选的。

<’font-style’>||<’font-variant’>||<’font-weight’> 双竖线表示这3种值的任意组合都可以出现。

[/<’line-height’>]? 正斜杠表示：如果指定行高，必须用正斜杠隔开font-size和line-height属性。

// 至少要指定一个font-size值和一个font-family值。

//在简写属性时，如果没有指定某个属性的值，该属性被重置为默认值。

例：

.recipe .intro{Font:italic 1em arial,helvetica,sans-serif;}//对祖先为recipe的intro类的所有元素应用斜体样式，大小为1em，字体系列设置为arial、helvetiac、sans-serif。