您的位置:首页 > Web前端 > CSS

CSS字体样式的缩写

2013-05-21 12:02 183 查看
正常情况下,字体样式的缩写是这样的:
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这两项必须定义,且位置按顺序排在值列表的最后。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: