我知道我可以使用 css（例如，h1 {font-size: 0.5em;}）更改单个 html 标题的大小。但是，我想整体减小所有标题（h1、h2、h3 等）的大小，同时保持它们彼此的相对大小（h1 > h2 > h3 等）。
是否可以使用单个 css 语句更改所有标题大小，或者我必须单独指定每个标题？
问问题
2044 次
3 回答
1
例如，您不能在同一 CSS 语句中设置h1和的字体大小，除非使用相同的声明值。h2
但是，如果您希望以集中方式更改标题的字体大小，您可以将所有标题包装在div元素中，例如
<div class=heading><h1>...</h1></div>
<div class=heading><h2>...</h2></div>
现在，假设您已经以em单位（或百分比）设置字体大小，例如，您可以通过在封闭元素h1 { font-size: 2em } h2 { font-size: 1.5em }上设置字体大小来修改它们，例如div
.heading { font-size: 0.9em; }
这会将所有标题的字体大小减少 10%，而不会影响页面上的字体大小。
PS 将主标题的字体大小设置为其父标题字体大小的一半很奇怪。很难看出你想要完成什么。通常em使用一些合理的比例以单位设置字体大小就足够了。
于 2013-02-08T07:40:12.260 回答
0
我不认为这可以在 CSS 中完成，但如果您想保持代码简短，请尝试使用 SASS（ http://sass-lang.com/ ）。
于 2013-02-08T02:53:27.890 回答
0
您可以更改父元素（如正文）的字体大小。如果您使用的是 ems 或 rems，那么它们将按比例放大或缩小。
body {
font-size: 80%;
}
http://jsfiddle.net/ferne97/FXKvx/
我添加了一个按钮，该按钮将一个类切换small到 body 标签，添加时会将字体大小设置为 80%。
于 2013-02-08T03:09:08.700 回答