CSS字体:font

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
2020-01-16 10:37 举报

关于挟翼

挟翼一款提供UI页面设计的软件。
您只需要动一动鼠标绘制相关的元素,软件会自动帮你完成CSS样式和HTML代码。
从现在开始注册,立即赠送一年VIP会员。活动结束日期待定。