css font 属性用于控制文本的外观。通过使用 css font 属性,您可以更改文本大小、颜色、样式等。
属性 | 说明 |
---|---|
color | 设置 字体颜色 |
font-family | 设置 字体样式 |
font-size | 设置 字体大小 |
font-style | 设置 字体样式 |
font-variant | 将小写字母转换为小型大写字母; |
font-weight | 设置字体粗细 |
css font 语法
我们可以通过上面的属性单独设置字体的css样式,css font也有他自己的语法,它是一个简写属性,如下:
font : font-style || font-variant || font-weight || font-size || line-height || font-family
font : caption | icon | menu | message-box | small-caption | status-bar
在定义字体的样式时,上面的参数需要按顺序书写,且 font-size 和 font-family 不可空。
属性值
值 | 描述 |
---|---|
font-style | 规定字体样式。参阅:font-style 中可能的值。 |
font-variant | 规定字体异体。参阅:font-variant 中可能的值。 |
font-weight | 规定字体粗细。参阅:font-weight 中可能的值。 |
font-size/line-height | 规定字体尺寸和行高。参阅:font-size 和 line-height 中可能的值。 |
font-family | 规定字体系列。参阅:font-family 中可能的值。 |
caption | 定义被标题控件(比如按钮、下拉列表等)使用的字体。 |
icon | 定义被图标标记使用的字体。 |
menu | 定义被下拉列表使用的字体。 |
message-box | 定义被对话框使用的字体。 |
small-caption | caption 字体的小型版本。 |
status-bar | 定义被窗口状态栏使用的字体。 |
这个参数有点多,且基于上面的限制条件,所以一般情况下我们都使用上面表格中单独的属性方式设置字体的样式。
css font 例子
p { font: italic small-caps 600 12pts/18pts 宋体; }
p { font: italic small-caps 600 12pts/150% Courier; }
p { font: italic small-caps 600 12pts/1.5 Courier; }
p { font: italic small-caps 600 12pts/18pts Courier; }
p { font: /18pts serif; }
p { font: oblique 100 24pts; }
H1 { font: 15pt/17pt bold "Arial" normal }