如何在Joomla2.5模板中组织css文件



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

Beez_20为例,我的问题是..

为什么他们决定创建css文件general.csslayout.cssposition.csstemplate.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文件,这是一个很好的方式来减少页面加载时间)。所以测试完成后,你应该切换到

  1. 压缩文件(使用jsmin或类似程序将文件打包在一起)
  2. 添加一个"custom.css",这样用户就可以在那里放置覆盖,而不会干扰庞大的文件

相关内容

  • 没有找到相关文章

最新更新