💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
**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)