cssfont的简写规则
css font的简写规则
声明：转载fontweight属性bold
⼀、字体属性主要包括下⾯⼏个
font-family，font-style，font-variant，font-weight，font-size，font
font-family（字体族）: “Arial”、“Times New Roman”、“宋体”、“⿊体”等;
font-style（字体样式）: normal（正常）、italic（斜体）或oblique（倾斜）;
font-variant (字体变化): normal（正常）或small-caps（⼩体⼤写字母）;
font-weight (字体浓淡): 是normal（正常）或bold（加粗）。有些浏览器甚⾄⽀持采⽤100到900之间的数字（以百为单位）;
font-size（字体⼤⼩）: 可通过多种不同单位（⽐如像素或百分⽐等）来设置, 如：12xp，12pt，120%，1em
如果⽤ font 属性的话，就可以把⼏个样式进⾏简化，减少书的情况；font 属性的值应按以下次序书写(各个属性之间⽤空格隔开)：
顺序：font-style | font-variant | font-weight | font-size | line-height | font-family
⼆、font的简写实例
1.font{
2    font-style:italic;
3    font-variant:small-caps;
4    font-weight:bold;
5    font-size:12px;
6    line-height:1.5em;
7    font-family:arial,verdana;
8 }
上⾯的样式简写为：
.font{font:italic small-caps bold 12px/1.5em arial,verdana;}
三、font的简写注意事项
1、简写时，font-size和line-height只能通过斜杠/组成⼀个值，不能分开写。
2、顺序不能改变.这种简写⽅法只有在同时指定font-size和font-family属性时才起作⽤。⽽且，如果你没有设定font-weight, font-style, 以及font-varient ，他们会使⽤缺省值
总结：  12px/1.5em  前⾯是font-weight, font-style, 以及 font-varient这属性(这⼏个属性的顺序可变)，后⾯是 font-family属性。在简写的时候12px/1.5em前⾯的属性可以不写但是后⾯的font-family必须有既：.font{font: 12px/1.5em arial,verdana;}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。