Question

在文档中设置不同元素的样式的正确方法是：

类别：

    <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>

Answer 1

我说这取决于。如果“red”类具有在整个站点上重复多次的样式，我将使用.red类（虽然这不是一个类的好名称，因为它描述了元素的方面，如果图形设计师会发生什么决定红色元素现在是绿色的吗？你的课程将不再有意义了）

Answer 2

这最终取决于你感觉更舒服。

通常我会建议使用类来设置内容的样式。这是因为您可能最终会在您的网站上使用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。

Answer 3

我认为使用class的样式比使用html tags.

的样式更好在提供风格时，

class比html tags拥有更多的特权。如果我们同时使用class中提供的样式。

使用类或元素标记来设置样式

3 个答案: