【发布时间】：2013-02-07 14:18:40
【问题描述】：
我想为 Joomla 2.5 设计一个模板，但我不知道如何正确清晰地组织我自己的 css 文件。
以Beez_20为例，我的问题是..
为什么他们决定创建 css 文件，例如
general.css,layout.css,position.css,template.css?
每个文件有什么用？
【问题讨论】：
【发布时间】：2013-02-07 14:18:40
【问题描述】：
Joomla 模板是你可以想象的，相当大。尤其是由 Yootheme 和 Rockettheme 等大公司开发的产品。将样式放入 1 个 CSS 文件会使文件变得庞大，如果尝试编辑一些代码，如果文件更小，它会更轻松，因为它不包含那么多代码。
例如，如果您想编辑一个模块的样式，您会立即知道它会在 module.css 中，并且找到完全相似的内容几乎不需要任何时间时间。
更新：
- general.css = 按钮、图片、错误消息等。
- position.css = 定位、宽度和高度主要块，例如标题、内容等。
- layout.css = 更详细的样式，例如输入、标签、按钮等。
- modules.css（不是默认的 Joomla 模板） = 模块位置的定位和样式
- ieonly = 针对 IE 浏览器的特定修复
- nature.css = 字体系列、字体颜色等
- print.css = 打印预览时网站的样式。
- template.ccs = 正文标签的标准样式，并为图像定义无边框。
希望对你有帮助
【讨论】：
-
感谢洛德！但是，您能否具体解释一下我们如何正确清晰地组织 css 文件。例如，layout.css 调整 size of wrappers,font-size,..., color.css 调整color ,..etc，再次感谢！
-
@TrầnMinh - 我已经更新了我的答案
-
非常感谢！是的，这就是我需要的！
我同意洛德的观点；可维护性是主要原因。
但这在生产环境中是不可接受的（你不能下载 8 个 css 文件，这是一种减少页面加载时间的好方法）。所以测试完成后你应该切换到
- 压缩文件（使用 jsmin 或类似工具将文件打包在一起）
- 添加一个“custom.css”，这样您的用户就可以将他们的覆盖放在那里，而不会弄乱大文件
【讨论】：