css - 在 Web 开发中编写 CSS 使用合同的最佳方式是什么？

Question

我们的开发团队在 2 年多前就开始开发企业网页。我们很想知道编写 CSS 使用合同的最佳方式是什么。例如，如果我们有一个 COMP，我们如何就合同达成一致，以便我们的开发人员和我们的设计师达成一致，并且我们不必回头。

是否有可用于此类技术写作的工具？

放在 CSS 和 HTML 页面上的信息的线索是什么？我们的一些设计师认为有些东西应该直接进入 HTML 页面。一般的观点是，所有的样式都应该放在 CSS 中，其他的都放在 html 中。

感谢您的输入。

Answer 1

好吧，如果一个网页本身有非常特定的 CSS，我想有一个参数可以在页面中定义 CSS，否则我总是将 CSS 放在外部文件中。

尽量避免或至少尽量减少内联 CSS 作为 HTML 元素的样式属性，但这将是一个需要管理的 PITA。

大多数页面将使用标准内容样式进行模板驱动，因此 CSS 样式将在外部文件中定义。

您可能需要考虑的一件事是 CSS 文件的数量 - 有些人建议您应该将其最小化为站点范围或每个模板（或站点区域）的一个文件，以最小化对服务器的 HTTP 请求并避免延迟 CSS 加载和有趣的样式直到那时。

那么这个“CSS 使用合同”实际上只是 HTML 页面的编码标准？

Answer 2

我是一个纯粹主义者，所以对我来说，HTML 用于内容和结构，而 CSS 用于布局和样式。这就是他们每个人的真正目的。

有关这方面的一个很好的例子，请参阅CSS Zen Garden 。相同的 HTML 和数百种不同的布局和设计。

你的设计师为什么要在 HTML 中设置样式？

编辑：这里的主要目标是整个站点的一致性，对吗？您从每个页面中提取的内容越多，您必须进行的更改就越少。

Answer 3

HTML 应该只编码信息而不是样式的想法称为语义标记。它有几个你已经知道的优点，比如关注点分离，还有一些你可能没有考虑过。

如果您坚持 Web 标准并将您的样式和内容分开，那么您最终也会得到一个更易于残障人士访问的页面。

如果您需要为特定页面设置不同的样式，请仅对该页面使用单独的 CSS 包含文件，然后在要设置样式的元素上使用 CSS 类。

Answer 4

如果我的样式是一次性使用的页面，我会考虑将其放在该页面的页眉中，因为我的模板系统允许这样做。

但是，您永远不应该使用内联样式。即使你做了一个页面，里面有一个块。这样，如果您发现“一次性”项目变成了站点范围的样式，您可以简单地将 CSS 移动到外部 CSS 文件中，而不是编辑内容。