css font各种属性设置大总结

发布时间:2020-12-04编辑:脚本学堂
为了便于区别font各属性,本文给大家列举了六种font属性以及它们的具体写法。需要的朋友一定好好看看哦。

1.字体名称属性(font-family),设字体名称,如Arial、Tahoma、Courier、宋体等。
例如:.apple{font-family:宋体;}

2.字体大小属性(font-size),设定字体的大小,最常用的字体大小为pt和px(pixel)。
建议:使用px来定义字体大小,一般常用大小为12px。
例如:.apple{font-size:12px;}或.apple{font-size:50%;}或.apple{font-size:larger;}

3.字体风格属性(font-style),具体参数值有normal, italic, oblique,normal是缺省值,italic, oblique表示斜体。
例如:.apple{font-sytle:oblique;}

4.字体浓淡属性(font-weight),具体参数值有normal和bold,normal是缺省值。
例如:.apple{font-weight:bold;}或.apple{font-weight:lighter;}或.apple{font-weight:数值;}

5.字体变量属性(font-variant),具体参数值有normal和small-caps,normal是缺省值,small-caps表示小的大写字体。这个不常用,适用于将小写字母变成大写。
例如:.apple {font-variant:small-caps;}

6.字体综合属性(font),是各种字体属性的综合写法,它综合字体风格属性(font-style),字体变量属性(font-variant),字体浓淡属性(font-weight),字体大小属性(font-size),
  字体颜色(color)等属性。
例如:.apple {font: oblique small-caps bold 20px Arial; color:red;}。注意字体综合属性(font)写法顺序为:字体风格(font-style)、字体变量(font-variant)、
字体浓淡(font-weight)、字体大小(font-size)、字体名称(font-family)、字体颜色(color)。