Html 通过CSS为h1元素提供多种字体大小

我需要显示一个公司名称，以便名称的“主要”部分显示在一行上，并且是巨大的，而名称的次要部分则在其下方居中且较小。因为它不是一个口号或“副标题”，我觉得它应该在同一个

h1

元素中，理想情况下，通过纯CSS进行转换（如果可以避免的话，意味着没有跨距或

em

s）

例如：

<h1>Big Bill's Custom Auto Parts</h1>

Big Bill的定制汽车配件

应显示为：

大比尔 定制汽车配件

---

有没有一种纯粹的CSS方法可以做到这一点（即使是还没有完全支持的伪类）？

不可能，有两个不同的头并可以相应地设置样式似乎更有意义

---

如果不在

中添加

，您如何指定发生更改的位置？

不可能，您有两个不同的标题，并且可以相应地设置样式，这似乎更有意义

---

如果不在

中添加

，您如何指定发生更改的位置？

不使用额外标题的最短解决方案是使用span元素：

<h1><span>Big Bill's</span> Custom Auto Parts</h1>

---

不使用额外标题的最短解决方案是使用span元素：

<h1><span>Big Bill's</span> Custom Auto Parts</h1>

---

如果您可以使用

来断行，那么您可以使用来完成此操作。

如果您可以使用

来断行，那么您可以使用来完成此操作。

是否允许在标题中包含新行？如果允许，您可以像这样使用第一行选择器：

> HTML

---

允许在标题中包含新行吗？如果允许，您可以使用第一行选择器，如下所示：

HTML

---

你说你想用纯CSS的方式来做，将内容和演示分离。没有附加的

span

，没有

br

。我理解，但如果你考虑你的问题，你想基于内容创建演示规则。这有意义吗？你不想避免将内容和演示混合在一起吗

你说你想用纯CSS的方式来做，将内容和展示分开。没有额外的

跨越

，没有

br

。我理解，但如果你考虑你的问题，你想基于内容创建展示规则。这有意义吗？你不想避免将内容和展示混合在一起吗？

我在这个线程中尝试了其他东西，但最终成功了

<h3>Tutorials <span style="font-size:14px;">(2 of them)</span></h3>

教程（其中2个）

我在这个线程中尝试了其他东西，但最终成功了

<h3>Tutorials <span style="font-size:14px;">(2 of them)</span></h3>

教程（其中2个）

我同意，这里有太多的推断逻辑，css无法用一个定义来处理这个问题。有了第n个伪选择器，再加上

：：第一个字母

，等等，我希望得到类似

：第n个字母

或

：：第n个单词

。可能有希望，但不疯狂，我不认为。特别是因为它更“正确”这样做是因为

span

只是一种表象。@Anthony我认为你太纯粹了。就文档结构而言，将标题视为两个独立的元素没有什么错。如果你真的关心单个标签（可能是搜索机器人的标签），添加跨距以使部分标题看起来没有问题different@JuanMendes-我尽可能做到纯粹。如果可以通过CSS做到，我想走这条路，如果做不到，我就走这条路。但只要我没有赶上最后期限，我至少会在假设最纯粹的ap之前检查规格并四处询问方法是不可能的。@Anthony我真的认为你对HTML的理解太过字面化了。你会不断受到限制，

span

唯一的真正原因是对内联的东西应用不同的样式。通过研究黑客行为，你会损害你自己的纯洁性。没有一个网站会完全遵循HTML规范我同意，这里有太多的推断逻辑，css无法用一个定义来处理这个问题。有了第n个伪选择器，再加上

：：第一个字母

，等等，我希望有类似

：：n个字母

或

：：n个单词

。希望，也许，但不是疯狂，我不这么认为。尤其是因为这样做更“正确”，因为

span

只是一种表象。@Anthony我认为你太纯粹了。就文档结构而言，将标题视为两个独立的元素没有什么错。如果你真的关心单个标记（可能是搜索机器人），添加跨距以使部分标题看起来没有问题different@JuanMendes-我尽可能做到纯粹。如果可以通过CSS做到，我想走这条路，如果做不到，我就走这条路。但只要我没有赶上最后期限，我至少会在假设最纯粹的ap之前检查规格并四处询问方法是不可能的。@Anthony我真的认为你对HTML的理解太过字面化了。你会不断受到限制，

span

唯一的真正原因是对内联的东西应用不同的样式。通过研究黑客行为，你会损害你自己的纯洁性。没有一个网站会完全遵循HTML规范是的，甚至不能这样做，因为没有浏览器会依附于它们。而想要这样做的原因是？..@MarioDeSchaepmeester-如果我添加一个跨度，它将仅用于表示。如果我使用多个标题，它将打破文档大纲。如果它是一个h1，对SEO更好，而且只是“正确”.我认为，避免只做演示的时间跨度始终是一件值得努力的事情。因此，我问我的同行是否知道一种方法，而不是走明显的捷径。这将是我见过的最极端的搜索引擎优化形式

<h3>Tutorials <span style="font-size:14px;">(2 of them)</span></h3>