Html CSS：处理多类文本的正确方法是什么

所以我正在接受一个网站的委托，我正在努力改进我的代码。当处理一个有多种字体类型的网站时（这里是大字体，这里是小字体，这里是粗体，这里是下划线，等等），我们是在这里使用h1-h6，还是在有明确的层次结构时保留这些字体，而是使用

为文本定义不同的类

您可以决定为什么它应该是大的、小的、粗体的、带下划线的等等

如果没有更合适的元素存在，您可以使用

div

和

span

（语义自由元素）编写表示您在1中确定的语义的标记，如果您需要比HTML明确提供的任何内容更具体的内容，则可以添加

class

和

id

您可以为应用这些样式的规则集编写与该标记匹配的CSS选择器

所以，只有在你有标题的情况下才使用标题，并按顺序使用它们<代码>h1用于主标题，

h2

用于副标题，

h3

用于副标题等

如果你不能从标题中找到答案，那么你几乎肯定没有正确地使用它们

您可以决定为什么它应该是大的、小的、粗体的、带下划线的等等

如果没有更合适的元素存在，您可以使用

div

和

span

（语义自由元素）编写表示您在1中确定的语义的标记，如果您需要比HTML明确提供的任何内容更具体的内容，则可以添加

class

和

id

您可以为应用这些样式的规则集编写与该标记匹配的CSS选择器

所以，只有在你有标题的情况下才使用标题，并按顺序使用它们<代码>h1用于主标题，

h2

用于副标题，

h3

用于副标题等

---

如果你不能从标题中找到答案，那么你几乎肯定没有正确地使用它们

在应该使用的地方使用

h1-h6

。使用类来装饰文本，包括

p

或

h1-h6

中的文本

根据经验，留意一下如果没有样式表，你的网站会是什么样子。只要你的网站能够在没有样式表的情况下传达信息，你就可以了

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

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

---

并在标签上应用其中一种或多种样式。

在应该使用的位置使用

h1-h6

。使用类来装饰文本，包括

p

或

h1-h6

中的文本

根据经验，留意一下如果没有样式表，你的网站会是什么样子。只要你的网站能够在没有样式表的情况下传达信息，你就可以了

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

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

---

并在标签上应用一个或多个这些样式。

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

同样，p用于段落

如果你有不同的段落，在..中有不同的文本样式，那么是的

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

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

这是第1段
这是第2段

---

但请记住这些标签是有意义的。欲了解更多信息，

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

同样，p用于段落

如果你有不同的段落，在..中有不同的文本样式，那么是的

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

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

这是第1段
这是第2段

---

但请记住这些标签是有意义的。欲了解更多信息，

“如果你不能从标题中生成合理的目录，那么你几乎肯定没有正确地使用它们。”-这是一个多么好的思考方式！说得好！“如果你不能从标题中生成一个合理的目录，那么你几乎肯定没有正确地使用它们。”-思考这个问题的好方法！说得好！