Magento的CSS文件一般存放到$Magento_installed_folder/skin/{frontend|admin|install}/<package name>/<theme name>/css目录下。也有些和全局js脚本配合使用的css文件存放在$Magento_installed_folder/js下，但是一般我们不直接调用它们。
那么，Magento应用又是如何引用CSS文件的呢？
方式I. 最一般的方法是配置全局block. 在page.xml中有
<default>
<block type=”page/html” name=”root” output=”toHtml” template=”page/3columns.phtml”>
<block type=”page/html_head” name=”head” as=”head”>
<action method=”addCss”><stylesheet>css/menu.css</stylesheet></action>
<action method=”addItem”><type>skin_css</type><name>css/iestyles.css</name><params/><if>IE</if></action>
</block>
</block>
</default>
注意:
<action method=”addItem”><type>skin_css</type><name>css/iestyles.css</name><params/><if>IE</if></action>
可以根据浏览器版本有条件地包含.css文件。和包含全局js文件不同，这里别忘记相对路径css/
方式II.包含特定Theme包下的css文件：
和页面中包含js文件一样，示例如下：
<link type=”text/css” rel=”stylesheet” href=”<?php echo $this->getSkinUrl(‘css/reset.css’) ?>” media=”all”/>
注意: getSkinUrl(..)是基于当前模板目录$Magento_installed_folder/skin/{frontend | admin | install}/<package name>/<theme name>/的，所以别忘记了路径css/。
评论