html - 如何在css中更改标题大小

Question

我正在为此绞尽脑汁，但似乎找不到解决方案。

从语义的角度来看，我想使用 h2 标头 - 但从视觉角度来看，我希望它看起来与 h5 标头完全一样。

但是，css 与此相关的行为很奇怪，并且似乎将标题文本视为普通文本进行格式化。因此font-size:60%;，它的大小是普通文本的 60%——这绝对是很小的！我尝试过处理其他方面（如身高），但无济于事。一旦将 css 应用于字体，与标题相关的所有风格属性似乎都会消失......

score 3 · Accepted Answer

3

例如，使用 px 而不是百分比 h2{font-size:14px; height:50px;}

于 2012-11-06T05:16:06.440 回答

score 2 · Accepted Answer

如果您打算对 CSS 规则使用 % 定义使用 html 标签修复字体呈现。

接下来包括定义文档所有基本字体信息的 body 标签。

其余的应该按需要工作。

/*css*/

html {font-size: 100.01%;}
body {font:italic bold 16px/30px Georgia, serif;}
h2 {font-size: 60%; line-height:60%;}

</p>

<!--HMTL-->
<!DOCTYPE html>
<html>
    <body>
        <div>blah</div>
        <h2>header</h2>
        <div>blah<br>blah</div>
    </body>
</html>

2 回答 2