CSS：什么是正确的方式来处理多个类的文本

Question

所以我正在委托一个网站，我试图改善我的代码。在处理多种类型字体的网站（这里很大，有很小的，有大胆的，这里有下划线等）是我们使用h1-h6的地方，还是我们在有一个确定的层次结构，而不是<p class="xxx">来定义文本的不同类？

Answer 1

1. 您确定为什么应该是大的，小的，大胆的，下划线或等
2. 你写标记使用div和span（语义免费元素），如果没有这表示你在1中确定的语义如果你需要更具体的东西，那么明确提供HTML提供的任何东西，那么更合适的存在并且加入class和id。
3. 你写匹配标记的，如果你有标题应用于这些样式

因此，只有使用标题规则集是CSS选择器，并且为了使用它们。 h1主标题，h2为副标题，h3为subsubheadings等

如果不能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用于段落。

如果你有一个有不同样式的文本in..then是

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

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

，但请记住，这些标签具有的含义不同的段落。欲了解更多信息，请致电see this article