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

时间:2010-05-26 05:53:50

标签: html css typography

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

3 个答案:

答案 0 :(得分:7)

  1. 您确定为什么它应该是大型,小型,粗体,带下划线等。
  2. 如果不存在更合适的内容并添加divspan,您可以使用classid(无语义元素)编写表示您在1中确定的语义的标记如果您需要更具体的内容,那么HTML明确提供的内容。
  3. 您编写的CSS选择器与应用这些样式的规则集的标记匹配
  4. 因此,如果您有标题,请仅使用标题,并按顺序使用它们。主标题为h1,副标题为h2,子标题为h3等。

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

答案 1 :(得分:1)

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

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

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

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

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

答案 2 :(得分:0)

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

类似地,p用于段落。

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

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

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

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