Question

仅使用CSS（SASS / SCSS）什么是使h标签中的所有文本显示为常规文本的好方法？

Answer 1

您可以使用all : unset。

CSS all速记属性重置所有属性，除了   unicode-bidi和direction，其初始值或继承值。

unset CSS关键字是initial和inherit的组合   all个关键字。就像这两个其他CSS范围的关键字一样   可以应用于任何CSS属性，包括CSS简写   Datagrid。此关键字将属性重置为，如果属性为其继承值   如果没有，它会继承自其父级或初始值。

h1, h2, h3, h4, h5, h6 {
  all: unset;
}

＆＃13;

body {
  font-family: monospace;
  font-size: 20px;
  font-style: italic;
  font-variant: small-caps;
}
h1, h2, h3, h4, h5, h6 {
  all: unset;
}

＆＃13;

<h1>Header1</h1>
<h2>Header2</h2>
Text

＆＃13;

Answer 2

h1, h2, h3, h4, h5, h6 {
  font-size: 12px;
  font-weight: normal;
}

Answer 3

您可以为标头标签指定normal/400 font-weight。标准line-height/(margin-top and margin-bottom) is around 1.1em。

h1, h2, h3, h4, h5, h6
{
    font-weight: 400;
    font-size: 12px;
    margin-top: 1.1em;
    margin-bottom: 1.1em;
}

这是我做的 JSFiddle ：http://jsfiddle.net/zd06ef75/1/

Answer 4

这可能有所帮助：

h1, h2, h3, h4, h5, h6{
   font-weight: normal;
   font-size: 12px;
}

什么是使所有h标签显示为普通文本的好方法？

4 个答案: