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

Question

我们的开发团队在两年多前开发了企业网页。我们很想知道什么是编写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

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

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

Answer 4

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

如果您坚持使用网络标准并分离您的风格和内容，您最终还会得到一个更容易被残疾人访问的页面。

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