始于设计 - 专于体验 - 合于沟通 - 久于转化 - 终于口碑 !      16年高端网站建设、跨境电商独立站定制开发、300+专业技术,设计团队、国家高新技术企业
外贸网站制作中css的font简写规则

发布者:万邦     目录:外贸网站制作     阅读数:39853

一、字体属性主要包括下面几个
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的简写实例
 .font{
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:12px;
line-height:1.5em;
font-family:arial,verdana;
}
上面的样式简写为:
 .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 ,他们会使用缺省值

外贸网站制作专家万邦网络提醒大家:红色加精部分,只有fonte-size和font-family同时指定,才能起作用。如果光写成
.font{ 12px/24px;},这种是不行的,是不被执行的。

上一篇: 12306中国铁路交通订票系统的分析

下一篇: 响应式外贸网站制作中div和span的使用方法