如何组织css文件？

当我的网站依赖于许多css文件时，我意识到这是一团糟。这意味着，我使用来自另一个团队的不同的css文件，并将它们放在一起。嗯，那么很多文件！我被困在组织他们。任何人都有一个好的解决方案？如何组织css文件？

2009-12-31 Sinal

文件夹是你如何组织文件。除此之外，你还想要什么？ – 2009-12-31 08:10:42

听起来好像团队需要聚在一起讨论组织CSS文件的方式，这对两个团队都有意义。你做到了吗？ – 2009-12-31 08:12:29

可能重复[什么是组织CSS规则的最佳方式？]（http://stackoverflow.com/questions/72911/whats-the-best-way-to-organize-css-rules） – 2015-04-16 15:41:09

你可以看到我对类似问题的回答。关于名称和文件以及一般的css组织。

Managing CSS conflicts

来源

2009-12-31 08:10:44

这些都是最好的评论对于这个问题，当“重复：”不合适时，标签有“related：”或“useful：”。 – 2009-12-31 08:17:02

不，这是这个问题的实际答案，它适用于此处以及类似但不相关的问题。 – 2009-12-31 08:44:44

你“都在一个浴缸”的方式暗示你可能对每个-其他的CSS定义践踏。包含每个CSS文件的顺序可能会极大地影响您的网站。

有没有一个简单的答案给你。您需要让其他团队以相同的方式工作，或者使用版本控制系统与他们一起工作，在这个系统中，所有人都将CSS贡献给一个地方。

来源

2009-12-31 08:12:07 IanNorton

在删除重复规则和属性后，可以使用cssmerge合并文件。

来源

2009-12-31 08:12:08

我真的很感兴趣听到人们如何分组他们的CSS文件并防止命名冲突。

但我也认为你应该考虑如何打包生产版本的CSS。这实际上取决于您使用的框架和应用程序代码，但理想情况下，您可以通过某种方式指定哪些页面依赖于哪些文件，以及将页面的CSS文件连接在一起并通过YUI Compressor运行它们的构建步骤，并输出一个唯一的文件名，包括内容或日期的校验和，以便文件可以无限期地被缓存。（当然，你会put the CSS file at the top的文件）

来源

2009-12-31 08:17:55 Annie

Google Page Speed can tell you which CSS rules in a page are currently unused，如果你认为你包括太多的CSS。

来源

2009-12-31 08:19:21 Annie

这些都是一些提示合并和组织CSS手动

单独的代码到像链接样式，普通类，布局和结构样式，标题，导航，内容部分，页脚
缩进后裔及相关规则这使您可以更轻松地识别CSS内的页面结构以及元素如何相互关联。该方法也可以应用于特定标签，如标题标签。
压缩你的代码一行而是具有自身线上的每个属性，让他们都在同一行。这可以减少CSS文件的文件大小，并且还可以在尝试查找特定标记时轻松扫描。
按字母顺序排列属性这似乎只是让我的CSS更容易当我扫描，或寻找的东西阅读。
尽可能使用速记这使得您的CSS更易于阅读和理解，并且效率更高。
重置您的CSS 有一吨的重置你的CSS
使用有你导入别人进入主样式表不同元素分开CSS样式表的方法。你可以有一个样式表仅用于印刷，另一个用于布局，另一个用于颜色。通过将这些元素组织在自己的样式表中，这可以更容易地管理您的代码。
声明CSS文件顶部使用的颜色在文件顶部的CSS注释中，代码中使用的是文件中使用的颜色及其代表的颜色。

来源

2009-12-31 08:21:03 valli

我很喜欢styleneat.com。只有当它不是一个Web应用程序。

来源

2009-12-31 08:51:03 3zzy

如何组织css文件？

回答

相关问题