Html H1页眉中的字体rem大小

我正在尝试使用header类标记行在标题上方制作标记行。但是，更改主h1 css上的字体大小不会造成任何更改，而tagline类在我更改其大小时会随时更改。我不明白为什么我的头球没有反应，感谢你的帮助。我试图使它有点类似（示例5）

html{
字号：18px；
}
h1{
字号：3em；
填充：0px；
}
h1.标语{
字号：1.5em；
边缘底部：-20px；
利润上限：-20px；
}

我的名字

我想你想要

标语

改变与

h1

相关的大小？如果是，将所有文本放入一个h1标记中，使用

span

作为标语，使用

作为换行符，使用小于
1em
的值作为标语。现在，如果您更改
h1的
font size
，则标语字体大小将相应改变


html{
字号：18px；
}
h1{
字号：3em；
填充：0px；
}
h1>span.tagline{
字体大小：0.5em；
边缘底部：-20px；
利润上限：-20px；
}


我的名字
我从W3C示例5中获取了html，我假设您需要CSS

这是我的破绽


正文{
字号：18px；
}
标题{
填充：1rem；
背景色：红色；
颜色：黑色；
显示：内联块；
}
标题p，
收割台h1{
保证金：0；
填充：0；
线高：0.75；
文本转换：大写；
}
收割台h1{
字号：5em；
}
收割台h1+p{
文本对齐：右对齐；
}

十年杂志

月份
英国和外国媒体的精华

我不清楚问题出在哪里。两个H1元素的文本大小不同H1为3em，H1.tagline为1.5em，这两个元素都在css中指定。你能澄清一下什么东西没有像你期望的那样工作吗？对不起，我的问题是h1在你编辑代码时保持完全相同的大小。它对字体大小完全没有反应：我认为超过1rem的更改。在您的示例中，您使用的是
em
，而不是
rem
，您是否有其他css可能会覆盖它？em或rem都工作：