CSS字体缩写详解.pdfVIP

网页中的字体CSS样式代码也有自己的缩写方式，下面是给网页设置字体的代码：

font‑size:12px;line‑height:1.5em;

font‑family:宋体,sans‑serif;}

这么多行的代码其实可以缩写为一句：

}

注意：

1、使用这一简写方式你至少要指定font‑size和font‑family属性，其他的属性（如font‑weight、

font‑style、font‑variant、line‑height）如未指定将自动使用默认值。

2、在缩写时，font‑size与line‑height之间要加入“/”斜杠。

一般情况下，由于中文上的英文内容相对较少，因此下面的缩写写法较为常用：

font:12px/1.5em宋体

}

仅设置了字号、行间距、中文字体和英文字体。

网页中的字体css样式代码也有他自己的缩写方式，下面是给网页设置字体的代码：

body{

font-style:italic;

font-variant:small-caps;

font-weight:bold;

font-size:12px;

line-height:1.5em;

font-family:宋体,sans-serif;

}

这么多行的代码其实可以缩写为一句：

body{

font:italicsmall-capsbold12px/1.5em宋体,sans-serif;

}

注意：

1、使用这一简写方式你至少要指定font-size和font-family属性，其他的属性(如font-weight、fon

t-style、font-varient、line-height)如未指定将自动使用默认值。

2、在缩写时font-size与line-height中间要加入“/”斜扛。

一般情况下因为对于中文，英文还是比较少的，所以下面缩写代码比较常用：

body{

font:12px/1.5em宋体,sans-serif;

}

只是有字号、行间距、中文字体、英文字体设置。