一、字体属性主要包括下面几个
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;},这种是不行的,是不被执行的。
外贸网站制作中css的font简写规则
热门标签
外贸网站优化
跨境电商独立站
opencart开发
外贸企业邮箱
英文网站建设
外贸EDM邮件营销开发信
Facebook营销推广
外贸Google推广
外贸网站制作
英文网站设计
亚马逊营销推广
全球热点新闻
外贸网站建设签约
万邦建站帮助
万邦动态
网红直播带货
外贸网站建设
Magento开发
Woocommmerce开发
Shopify开发
Opencart开发
高端网站建设
外贸网站建设哪家好
外贸网站建设多少钱
Youtube营销推广
Instagram营销推广
外贸网站设计
外贸网站推广
日语独立站
日语网站设计
Google Shopping
LinkedIn领英营销推广
软件技术开发