如何在Joomla 2.5模板中组织css文件？

Question

我想为Joomla 2.5设计一个模板，但我不知道如何正确而清晰地组织自己的css文件。

以 Beez_20 为例，我的问题是......

为什么他们决定创建诸如的css文件 general.css，layout.css，position.css，template.css？

每个文件的用途是什么？

Answer 1

Joomla模板是你可以想象的，相当大。尤其是由Yootheme和Rockettheme等大公司开发的产品。将样式放入1个CSS文件会使文件变得庞大，如果尝试编辑某些代码，如果文件较小则会使生活更轻松，因为它不包含太多代码。

例如，如果您要编辑模块的样式，您立即知道它将位于 module.css 中，并且找到完全相同的内容几乎不会占用任何模块时间。

<强>更新

• general.css =按钮，图片，错误消息等。
• position.css =定位，宽度和高度主要块，例如标题，内容等。
• layout.css =更详细的样式，例如输入，标签，按钮等。
• modules.css（不是默认的Joomla模板） =模块位置的定位和样式
• ieonly =针对IE浏览器的具体修复
• nature.css =字体系列，字体颜色等
• print.css =打印预览时网站的样式。
• template.ccs =正文标记的标准样式，并且不为图像定义边框。

希望这有帮助

Answer 2

我同意Lodder;可维护性是主要原因。

但这在生产中是不可接受的（你不能下载8个css文件，这是一个很好的方法来消除页面加载时间）。所以在测试完成后你应该切换到

1. 压缩文件（使用jsmin或类似文件将文件打包在一起）
2. 添加“custom.css”，以便您的用户可以将其覆盖放在那里而不会弄乱大文件