css中的font的复合样式的顺序是怎样的?

 我来答
百度网友79faf363
2019-11-18 · TA获得超过1.1万个赞
知道小有建树答主
回答量:1212
采纳率:75%
帮助的人:55.1万
展开全部

可设置的属性(按顺序): "font-style font-variant font-weight font-size/line-height font-family"

font 简写属性在一个声明中设置所有字体属性。

font-size和font-family的值是必需的。如果缺少了其他值,默认值将被插入,如果有默认值的话。

注意: line - height属性设置行与行之间的空间。

例子:

p.ex1{

font:15px arial,sans-serif;

}

p.ex2{

font:italic bold 12px/30px Georgia,serif;

}

扩展资料:

1、font-style:指定文本的字体样式。

属性值:

normal:默认值。浏览器显示一个标准的字体样式。    

italic:浏览器会显示一个斜体的字体样式。    

oblique:浏览器会显示一个倾斜的字体样式。    

inherit:规定应该从父元素继承字体样式。  

2、font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。

font-variant 属性主要用于定义小型大写字母文本。

 属性值:

normal:默认值。浏览器会显示一个标准的字体。    

small-caps:浏览器会显示小型大写字母的字体。    

inherit:规定应该从父元素继承 font-variant 属性的值。    

3、font-weight:属性设置文本的粗细。

属性值:

normal:默认值。定义标准的字符。    

bold:定义粗体字符。    

bolder:定义更粗的字符。    

lighter:定义更细的字符。    

100-900的整百数:定义由粗到细的字符。400 等同于 normal,而 700 等同于 bold。    

inherit:规定应该从父元素继承字体的粗细。

4、font-size:属性用于设置字体大小。    

5、font - family:属性指定一个元素的字体。

鳑鲏鱼
推荐于2017-11-25 · TA获得超过3326个赞
知道小有建树答主
回答量:684
采纳率:100%
帮助的人:647万
展开全部

可以按顺序设置如下属性:

  • font-style (使用斜体、倾斜或正常字体)
  • font-variant (设置小型大写字母的字体显示文本)
  • font-weight (设置文本的粗细)
  • font-size/line-height (设置字体的尺寸和行高)
  • font-family (规定元素的字体系列)

可以不设置其中的某个值,比如 font:100% verdana; 也是允许的。未设置的属性会使用其默认值。

如:

body{ font: italic small-caps bold 14px/24px "microsoft yahei";}

字体:斜体 小型大写字母 粗体 14号大小/24像素行高 微软雅黑

可以不需要每个都写,但是顺序还是要的

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
sherleysong
2013-01-05 · TA获得超过3346个赞
知道小有建树答主
回答量:1161
采纳率:0%
帮助的人:1059万
展开全部
font-style,font-variant,font-weight,font-size/lineheight,font-family。
e.g. font: italic small-caps bold 1em/140% sans-serif,"new times roman","宋体"
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
森德隆网络科技
2013-01-05 · TA获得超过196个赞
知道小有建树答主
回答量:186
采纳率:0%
帮助的人:55.2万
展开全部
font:bold 11px/23px "宋体";
粗体 大小 行高 字体
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
知道学府
2013-01-05 · TA获得超过1759个赞
知道小有建树答主
回答量:392
采纳率:100%
帮助的人:472万
展开全部
您好,都可以,都能正确的显示,不限顺序。
一般规定的顺序为:font-style,font-variant,font-weight,font-size,font-family。
希望能帮到您!
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式