檬味博客 » 问答 » css中的font的复合样式的顺序是怎样的？

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

可设置的属性（按顺序）： "font-style font-variant font-weight font-size/line-height font-family"font 简写属性在一个声明中设置所有字体属性。font-size和font-family的值是必需的。如果缺少了其他值，默认值将被插入，如果有默认值的话。注意： line - height属性设置行与行之间的空间。例子：p...
css中的font的复合样式的顺序是怎样的？
您好，都可以，都能正确的显示，不限顺序。
一般规定的顺序为：font-style，font-variant，font-weight，font-size，font-family。
希望能帮到您！2013-01-05
可设置的属性（按顺序）： "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：属性指定一个元素的字体。
2019-11-18
可以按顺序设置如下属性：
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像素行高 微软雅黑
可以不需要每个都写，但是顺序还是要的
2013-01-05
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
font:bold 11px/23px "宋体";
粗体 大小 行高 字体2013-01-05
mengvlog 阅读 87 次 更新于 2025-09-10 03:38:35 我来答关注问题0
5 个回答檬味博客专题活动
  • 知道学府 css中的font的复合样式的顺序是怎样的?

    可设置的属性（按顺序）： "font-style font-variant font-weight font-size/line-height font-family"font 简写属性在一个声明中设置所有字体属性。font-size和font-family的值是必需的。如果缺少了其他值，默认值将被插入，如果有默认值的话。注意： line - height属性设置行与行之间的空间。例子：p...

  • anonymous css中font字体颜色怎么设置

    1.在css页面中，设置字体的颜色通过下面的代码：2.字体的color值，一般都是使用#加16进制的颜色值来表示。也有一些编译器支持直接使用颜色的英文单词来表示。如下图：3.color是颜色的意思，color用来设置一个标签的前景色，表现出来也就是元素文本的颜色。css还可以设置字体的其他属性，如font-familay可...

  • 机器1718 常用重要CSS样式的属性

    font 简写属性语法: 将所有字体属性合写为一行,其中font-family是复合属性中必不可少的属性。 可以不设置其中的某个值,如果省略值地话,就使用属性的默认值。 ②文本属性: (2)CSS3文本阴影属性: 属性:text-shadow 作用:产生阴影和模糊主体 语法: 作用:定义列表的编号样式 属性:list-style-type 作用:用于设置列...

  • 宸辰游艺策划 关于Dreamweaver软件中CSS设置两种或者两种以上链接色彩的方法

    如果你想在Dreamweaver中为不同的链接区域设置不同的色彩效果，可以先创建两个区域，比如顶部和底部。接着定义复合样式，例如：top a{ color:#000;} 表示在顶部区域，普通链接文本颜色为黑色。top a:hover{color:#f00;} 表示在顶部区域，当鼠标悬停在链接上时，链接文本颜色变为红色。bottom a{ colo...

  • bjrzrhsgvi 关于网页设计里的三种基本选择器和三种复合选择器分别是什么?举例下~

    1.标记选择器主要应用在HTML页中的标记样式选择。如P选择器就用于声明网页中有P标记的文本内容，同理，H1选择器则可以标记页面中H1的样式。例如：H1 { font-size:14px;font-weight:bold;color:#ccc;}以上代码表示在所有应用H1选择器的地方，将文字的大小设为14像素并加粗，同时将颜色设为灰色，如果...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部