在文档中设置不同元素的样式的正确方法是:
类别:
<style>
.red {
color: red;
}
</style>
<h1 class="red">Hello, world!</h1>
<p class="red">This is some text.</p>
HTML标记:
<style>
h1,
p {
color: red;
}
</style>
<h1>Hello, world!</h1>
<p>This is some text.</p>
答案 0 :(得分:1)
我说这取决于。如果“red”类具有在整个站点上重复多次的样式,我将使用.red类(虽然这不是一个类的好名称,因为它描述了元素的方面,如果图形设计师会发生什么决定红色元素现在是绿色的吗?你的课程将不再有意义了)
答案 1 :(得分:1)
这最终取决于你感觉更舒服。
通常我会建议使用类来设置内容的样式。这是因为您可能最终会在您的网站上使用p
,div
等HTML标记用于不同目的。而且您可能还希望它们看起来有所不同,具体取决于它们用于何种目的。虽然可以定义能够为您提供所需行为的规则,但这样做并不容易,而且难以维持。想想看起来像这样的规则:
div p div div p h1 a { font-family:sans-serif; }
没有人知道那里发生了什么。如果您刚刚为构成文档的元素分配了类,那么这将更容易。例如:
.maincontent .quotebox .caption { font-family:sans-serif; }
由您决定使用这些课程深入了解多少。您可以将类分配给顶级元素(如div
),然后为子元素定义规则,也可以为每个元素添加一个类,然后为嵌套类定义规则。
你应该做的是考虑你想拥有什么样的CSS结构。我喜欢根据我想要传达的元素(在信息方面)而不是我希望它们看起来的方式来考虑不同的类。使red
一个类名有点不合适,因为这并没有告诉你任何关于它应用的元素的信息。此外,您可能希望在某些时候将其着色为绿色,然后会有类red
的元素实际上为绿色。更好的班级名称恕我直言navigation
或maincontent
或infobox
。
答案 2 :(得分:0)
我认为使用class
的样式比使用html tags.
class
比html tags
拥有更多的特权。如果我们同时使用class
中提供的样式。