当前位置:  开发笔记 > 前端 > 正文

有没有办法说"使用当前的字体重量",而不是让它更轻/更大胆?

如何解决《有没有办法说"使用当前的字体重量",而不是让它更轻/更大胆?》经验,为你挑选了1个好方法。

font-weight属性支持从100到900(包括100和900)的数值,以及关键字值,例如normal对应于400并bold对应于700.

还有bolderlighter值,它们使元素的字体重量分别比当前重量更大或更轻.

有没有办法说"使用当前的重量"?也就是说,我不想让这个元素的字体重量比周围文本更轻或更大 - 我希望它是相同的.像这样,但假装span元素实际上是一个strong元素(因为语义):

span {
  text-transform: uppercase;
}

header {
  font-weight: bold;
}

Header

This is a header.

This is a footer.

我的目标是使用一个strong元素但没有默认font-weight样式.

显然font-weight: normal不起作用,因为如上所述normal具体对应于400的数字权重.我试过font-weight: initial,但这似乎具有相同的效果font-weight: normal.



1> BoltClock..:

font-weight"当前体重"没有特殊的关键字值.相反,您使用CSS范围的inherit关键字从父元素(包含所谓的"周围文本"的元素以及相关元素)继承权重:

strong {
  font-weight: inherit;
  text-transform: uppercase;
}

header {
  font-weight: bold;
}

Header

This is a header.

This is a footer.

推荐阅读
coco2冰冰
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有