1

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

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

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

每个文件有什么用？

4

2 回答 2

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 = body 标签的标准样式，并为图像定义无边框。

希望这可以帮助

于 2013-02-07T14:35:05.483 回答
0

我同意洛德的观点；可维护性是主要原因。

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

  1. 压缩文件（使用 jsmin 或类似工具将文件打包在一起）
  2. 添加“custom.css”，以便您的用户可以将他们的覆盖放在那里，而不会弄乱大文件
于 2013-02-07T21:31:58.033 回答