CSS字体样式的缩写

正常情况下,字体样式的缩写是这样的:

font:font-style font-variant font-weight font-size line-height font-family;

font-style是字体样式,斜体(italic)、倾斜体(oblique)、正常(normal)、继承(inherit)

font-variant是字体变体,normal、small-caps、inherit

其他的属性很常见,就不用一一解释了。

注意:1、如果定义了部分字体样式属性,同样也可以缩写,但font-size和font-family这两项必须定义,且位置按顺序排在值列表的最后。2、font-size和line-height使用同一计量单位,为了保证CSS样式正确性,在缩写时必须使用“/”来分隔这两项。并且字体颜色不可以同字体样式一起缩写,必须单独定义。

div{font:italic normal bold 12px/20px “宋体“; color:#369;}

字体为中文时,加不加引号都可以,但是规范的写的话最好加上引号哦!!!


经常看到有人这样缩写:

.box{font:16px/20px "宋体";}  或者div{font:12px/1.5 tahoma, arial,宋体\5b8b\4f53},其中\5b8b\4f53是指中文字体“宋体”经过Unicode编码后为5b8b\4f53。因此也可以这样写div{font: 12px/1.5 tahoma,arial,\5b8b\4f53;}。


如果定义了部分字体样式属性,

同样也可以缩写,

font-size

font-family

这两

项必须定义,且位置按顺序排在值列表的最后。

如果定义了部分字体样式属性,

同样也可以缩写,

font-size

font-family

这两

项必须定义,且位置按顺序排在值列表的最后。


你可能感兴趣的:(css,缩写,字体样式)