我想为Joomla 2.5设计一个模板,但我不知道如何正确清晰地组织我自己的css文件。
以Beez_20为例,我的问题是..
为什么他们决定创建css文件general.css
、layout.css
、position.css
、template.css
每个文件有什么用
Joomla模板是你可能想象得到的,相当大。尤其是由Yootheme和Rockettheme等大公司开发的。将样式放入一个CSS文件中会使文件变得庞大,如果试图编辑一些代码,则如果文件较小,因为它不包含那么多代码,则会使生活更轻松。
例如,如果您想编辑模块的样式,您会立即知道它将位于module.css中,而找到确切的样式几乎不需要任何时间。
更新:
- general.css=按钮、图像、错误消息等
- position.css=定位、宽度和高度主要块,如标题、内容等
- layout.css=更详细的样式,如输入、标签、按钮等
- modules.css(不是默认的Joomla模板)=模块位置的定位和样式
- ieonly=针对IE浏览器的特定修复
- nature.css=字体系列、字体颜色等
- print.css=打印预览时的网站样式
- template.ccs=body标签的标准样式,并为图像定义无边框
希望这能帮助
我同意Lodder的观点;可维护性是主要原因。
但这在生产中是不可接受的(你不能下载8个css文件,这是一个很好的方式来减少页面加载时间)。所以测试完成后,你应该切换到
- 压缩文件(使用jsmin或类似程序将文件打包在一起)
- 添加一个"custom.css",这样用户就可以在那里放置覆盖,而不会干扰庞大的文件