CSS：处理多个Text类的正确方法是什么

Question

所以我正在委托一个网站，我正在努力改进我的代码。当处理具有多种类型字体的网站时（这里很小，那里很小，有大胆，这里有下划线等）是我们使用h1-h6，或者我们保留那些有时候一个明确的层次结构，而不是使用<p class="xxx">来定义文本的不同类？

Answer 1

1. 您确定为什么它应该是大型，小型，粗体，带下划线等。
2. 如果不存在更合适的内容并添加div和span，您可以使用class和id（无语义元素）编写表示您在1中确定的语义的标记如果您需要更具体的内容，那么HTML明确提供的内容。
3. 您编写的CSS选择器与应用这些样式的规则集的标记匹配

因此，如果您有标题，请仅使用标题，并按顺序使用它们。主标题为h1，副标题为h2，子标题为h3等。

如果您不能从标题中generate a sensible table of contents，那么您几乎肯定没有正确使用它们。

Answer 2

使用h1-h6应该使用它们。使用类来装饰您的文字，包括p或h1-h6内的文字。

根据经验，请留意没有样式表的网站外观。只要您的网站即使没有样式表也能传达信息，您就可以了。

作为建议，我提醒您可以在标签上使用多个类。您可以使用它来定义更小，更简单的规则集，例如：

.bigFont    { font-size: 150%; }
.italicFont { font-style: italic; }
.grayFont   { color: Gray; }
...

在标签上应用这些样式中的一种或多种。

Answer 3

语义上h1 - h6用于标题。如果您网站上的不同类型的字体都是标题，那么我怀疑它们不是。

类似地，p用于段落。

如果您有不同的段落，其中包含不同的文字样式。那么是

<p class="firststyle">This is paragraph 1</p>

<p class="secondstyle">This is paragraph 2</p>

但请记住这些标签有意义。有关详细信息，请see this article