**font**
* 描述:复合属性。设置对象中的文本特性。
* 版本:CSS1
* 继承性:有
**语法**
方式一
```
font: font-style | font-varian | font-weight ? font-size/line-height ? font-family ;
```
方式二
```
font:caption | icon | menu | message-box | small-caption | status-bar;
```
类型值
方式一
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-size 和 font-family 是不可忽略的。
方式一每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。
**代码示例**
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>font</title>
<style>
.p1{
font:18px Simsun,arial,sans-serif;
}
.p2{
font: message-box;
}
.p3{
font: italic small-caps bold 20px/2 sans-serif;
}
</style>
</head>
<body>
<div id="container">
<p class="p1">第一行</p>
<p class="p2">第二行</p>
<p class="p3">第三行 ARE YOU OK?</p>
</div>
</body>
</html>
```
![font](https://box.kancloud.cn/1dff51d2570ef6386ea4ef281261d1a8_225x128.png)
- 空白目录
- CSS3专业名词
- 复合属性
- 继承性
- CSS3背景
- background
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
- background-origin
- background-clip
- background-size
- CSS边框
- border
- border-width
- border-style
- border-color
- border-top
- border-top-width
- border-top-style
- border-top-color
- border-right
- border-right-width
- border-right-style
- border-right-color
- border-bottom
- border-bottom-width
- border-bottom-style
- border-bottom-color
- border-left
- border-left-width
- border-left-style
- border-left-color
- border-radius
- border-top-left-radius
- border-top-right-radius
- border-bottom-right-radius
- border-bottom-left-radius
- CSS颜色
- color
- opacity
- CSS字体
- font
- font-style
- font-variant
- font-weight
- font-size
- font-family
- font-stretch
- font-size-adjust
- CSS定位
- position
- z-index
- clip