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

发布网友发布时间：2022-04-19 16:41

我来回答

共5个回答

热心网友时间：2023-08-29 19:37

可设置的属性（按顺序）： "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：属性指定一个元素的字体。

热心网友时间：2023-08-29 19:37

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

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

如：

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

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

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

热心网友时间：2023-08-29 19:38

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","宋体"

热心网友时间：2023-08-29 19:38

font:bold 11px/23px "宋体";
粗体大小行高字体

热心网友时间：2023-08-29 19:39

您好，都可以，都能正确的显示，不限顺序。
一般规定的顺序为：font-style，font-variant，font-weight，font-size，font-family。
希望能帮到您！