如何在没有混乱的情况下管理团队环境中的大型网站的CSS?

时间:2010-03-27 19:45:42

标签: css xhtml

多人可以在同一个css上工作。即使在大型网站中也可以遵循语义名称规则。

如果我第一次用语义名称编写所有主要的CSS。那么我应该如何以及如何指导/指导其他开发人员维护css可读性,验证。并且如果需要的话,快速了解其他人在哪里添加自己的CSS。

现在每个人都只是下来并在底部写下所需的css类或ID。而且大部分时间他们都没有写出语义名称。

如何使用文本或图像为其他开发人员制作关于如何在整个网站中使用css以及我如何编写和使用的内容的良好文档/指南。

更新

我们只使用一个CSS文件。我不想将多个css分成多个。想要保持css可管理,即使整个站点使用一个CSS文件。

3 个答案:

答案 0 :(得分:3)

刚才有一个类似的问题:How to manage CSS Explosion那里有很多好的答案,还有很多很棒的链接(请查看Paul D. Waite提供的那些链接。)

你的主要问题是如何很好地构建CSS文件。您将需要干净的规则:将所有内容分组在CSS文件中。也许使用可以帮助您“浏览”样式表的CSS编辑器是一个好主意(类似于编程IDE的“代码浏览器”功能)。但是,我不知道是否存在这样的事情。

除此之外:

  • 使用版本控制是必须的。我个人对使用SubversionTortoiseSVN进行集中版本操作非常满意;其他人相信像git或hg这样的分布式版本控制。对于一个设计师团队,我认为Subversion的集中式方法很好,但这本身就是一个讨论。

  • 也许最好将样式表拆分为主题相关的单独文件以避免混乱,并使用LESSxCSS等工具进行编译。

  • 定义清晰,简洁的编码风格。使用像Polystyle这样的CSS美化器(每个许可证14美元,但花费很多钱)或Code Beautifier(基于CSS Tidy,没有使用它但看起来很有趣)并经常在文件上运行它。

  • 有许多方便使用样式表的页面链接。让人们在对样式表进行更改后对这些页面进行测试。

答案 1 :(得分:1)

我会将你的css逻辑分解成组并将每个组放入自己的css文件中。例如:页眉,页脚,侧边栏,内容组。也许有些页面甚至应该得到自己的css文件,如果足够大的话。

同样,在页面名称上给出有意义的ID和类。如果它是导航栏上子标题的css规则,请确保它在命名时脱离。与任何其他编码类似,不要使用任何幻数等进行命名。

答案 2 :(得分:1)

请参阅Modularizing web applications,特别包含CSS