font简介
font属性在CSS字体中是比较常用的,本文将带你深入理解font属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上font的实例,希望能够对你有所帮助。
font定义和用法
font:[ [ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family> ] | caption | icon | menu | message-box | small-caption | status-bar
默认值:看独立属性自身
适用于:所有元素
继承性:有
动画性:看独立属性自身
计算值:看独立属性自身
font属性值
- <font-style>:
- 指定文本字体样式
- <font-variant>:
- 指定文本是否为小型的大写字母
- <font-weight>:
- 指定文本字体的粗细
- <font-size>:
- 指定文本字体尺寸
- <line-height>:
- 指定文本字体的行高
- <font-family>:
- 指定文本使用某个字体或字体序列
- caption:
- 使用有标题的系统控件的文本字体(如按钮,菜单等)(CSS2)
- icon:
- 使用图标标签的字体(CSS2)
- menu:
- 使用菜单的字体(CSS2)
- message-box:
- 使用信息对话框的文本字体(CSS2)
- small-caption:
- 使用小控件的字体(CSS2)
- status-bar:
- 使用窗口状态栏的字体(CSS2)
font说明
设置或检索对象中的文本特性。该属性是复合属性。
- 使用第一种声明方式参数必须按照如上的排列顺序,且font-size和font-family是不可忽略的。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。
- 对于如何使用客户端系统没有字体和自定义字体,可以参阅@font-face规则。
- 对应的脚本特性为font。
来源:http://caibaojian.com/css3/properties/font/font.htm