css - 如何在团队环境中管理大型网站的CSS而不困惑?

标签 css xhtml

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

如果我第一次用语义名称编写所有主要 css 。那么我应该向其他开发人员提供什么以及如何指导/指示以保持 css 可读性和验证。并快速了解其他人在哪里添加自己的 css(如果需要)。

现在每个人都只需往下写所需的CSS类或ID在底部。大多数时候他们不写语义名称。

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

更新:

我们只使用一个 CSS 文件。我不想将一个 CSS 文件分成多个。即使对整个站点使用一个 CSS 文件,也希望保持 CSS 的可管理性。

最佳答案

不久前有人问过类似的问题:How to manage CSS Explosion那里有很多很好的答案,还有很多很棒的链接(例如,查看 Paul D. Waite 提供的链接。)

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

除此之外:

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

  • 也许将样式表拆分为主题相关的单独文件以避免困惑,并使用类似 LESS 之类的工具进行编译是个好主意。或xCSS .

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

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

关于css - 如何在团队环境中管理大型网站的CSS而不困惑?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2530695/

相关文章:

javascript - 动态滚动文本区域

css - firefox 和 opera 是否通过 javascript 支持 zIndex 样式属性

javascript - 存在滚动条时,如何将元素放置在页面上最低到达 DIV 下方 40 像素处?

javascript - 为什么这段代码不隐藏复选框?

css-背景色:#xxxxxx; not working

javascript - 如何在CSS中绘制可配置的饼图

javascript - IE定位帮助

javascript - HTML5/CSS3 输入范围样式

css - Materializecss 中的全屏模式

jQuery .load() XHTML 问题