Html CSS在哪里放置每个页面的元素位置代码？

我知道css如果用于按钮的样式外观等。。。但是当我定位元素时呢？每个页面都有不同的元素位置/元素。为每个页面上的每个元素和主css文件中的每个位置创建一个id有意义吗

在设计页面时，将内容（如HTML）与样式（如CSS）分开是非常重要的。一个结构良好的网页应该能够大声朗读，并且仍然有意义

在这种情况下，元素的位置应该与其他元素相关，而不是与整个页面相关。这些元素也可以分配给一个类（例如

）

这给了您很大的权力，因为您不仅可以为类（或id）定义不同的行为，还可以为类定义与父类相关的行为。以这些场景为例：

情景1：

<div class="post-content">
    <div class="announcement">
        Some text
    </div>
</div>

---

当然，您可以与类、ID或标准元素建立类似的关系。阅读中有关选择器的更多信息。

您总是可以制作一些样式表，并将它们应用于每个页面。@K.Daniek您不认为这会在大型网站上变得难以管理吗？当然会。

<div class="special-content">
    <div class="announcement">
        Some text
    </div>
</div>

.announcement {
    color: red;
}

.post-content .announcement {
    padding-left: 5px;
}

.special-content .announcement {
    padding-left: 20px;
}