学步园

转载于 罗马集市

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/
。