font简写规则(作者 JoinFisher from 简书)
来源:互联网 发布:淘宝自定义区代码 编辑:程序博客网 时间:2024/05/09 19:08
在W3C标准中 font将可能出现下面的值:
font-style : 规定字体样式。
font-variant : 设置小型大写字母的字体显示文本。
font-weight : 规定字体粗细。
font-size/line-height : 规定字体尺寸和行高。
font-family : 规定字体系列。
caption : 定义被标题控件(比如按钮、下拉列表等)使用的字体。
icon : 定义被图标标记使用的字体。
menu : 定义被下拉列表使用的字体。
message-box : 定义被对话框使用的字体。
small-caption : caption 字体的小型版本。
status-bar : 定义被窗口状态栏使用的字体。
在这11项中,我们常用的其实就前面的6项,按默认顺序如下:
font-style : normal(标准) , italic(斜体) , oblique(倾斜) , inherit(继承父级) ,。
font-variant : normal( 默认值。浏览器会显示一个标准的字体),
small-caps(浏览器会显示小型大写字母的字体。)。
font-weight : normal(正常)或bold(加粗)。有些浏览器甚至支持采用100到900之间的数字(以百为单位);。
font-size : 可通过多种不同单位(比如像素或百分比等)来设置, 如:12xp,12pt,120%,1em , 1.2rem
line-height : 规定字体尺寸和行高。
font-family : “Arial” , “Microsoft YaHei” 之类 。
简写
如果用 font属性的话,就可以把几个样式进行简化,减少书的情况;
font 属性的值应按上面所列的顺序书写,常用的属性值有上述的6项:
各个属性之间用空格隔开
.fisher{
font-style:italic;
font-variant:small-caps;
font-weight:700;
font-size:12px;
line-height:24px;
font-family:”Microsoft YaHei”;
}
简写如下:
.fisher{ font:italic small-caps 700 12px/24px “Microsoft YaHei”; }
【说明】
1、顺序不能改变;
2、简写为一行的时候,font-size和line-height直接一样要用斜杠,不能分开写;
3、没有赋值的属性,会自动使用默认值;
- font简写规则(作者 JoinFisher from 简书)
- font 的简写规则
- css font的简写规则
- css font的简写规则
- css font的简写规则
- font简写
- font简写
- css样式中font属性的简写规则
- FONT的简写
- font简写格式
- 【css】font简写
- css样式简写规则
- font属性简写、常用字体英文名
- css中font的简写方式
- css简写 vertical-align background font
- font简写:body{font:12px/15px Arial}
- css中font的简写方法(包括font-weight,font-size,line-height,font-family)
- css的一些简写规则:
- 【菌菌】【C语言Mooc】第二周 时间换算(10分)
- apache jmeter压力测试初体会-Mongodb Elasticsearch Test
- iOS中AES192 CBC PKCS7Padding 解码
- ON_COMMAND和ON_MESSAGE的区别
- android广播
- font简写规则(作者 JoinFisher from 简书)
- mysql数据库2
- Android Studio 使用小技巧和快捷键
- 全面了解Android Notification
- Mysql常用命令详解
- 创建对象 20170223 am
- xampp集成包如何重置mysql的密码
- 【菌菌】【C语言Mooc】第三周 奇偶个数(10分)
- 锁相关的几个重要函数