css font的简写规则

声明：转载

一、字体属性主要包括下面几个

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的简写实例

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;}

转载于:https://www.cnblogs.com/taohuaya/p/9650189.html

你可能感兴趣的文章