Magento 集成css文件到页面文件中
转载于 罗马集市
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中有
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
>
<default>
<block type="page/html" name="root" output="toHtml" template="page/3columns.phtml">
<block type="page/html_head" name="head" as="head">
<actio
相关文档：
使用wap css可以把内容和表示分离，好处：
1.使用wcss使内容和样式分离，可以为不同手机，设计几个版本wap css style sheet 和指定不同屏
幕大小。内容却不需要修改。
2.为不同设备，如PC,PDA,MOBILE PHONE，准备不同样式表，内容不需要改变。
3.减少维护一个wap站点，当有新的电话，只需要增加新的样式表，内容不需� ......
今天看到一篇文章是css打造进度条。然后自己做成动态的进度条，同样，使用到css和jauery，请看：
1 首先，需要引入jquery.js文件。
<script src="Content/jquery.js" type="text/javascript"></script>
2 所用到的样式部分：
<style>
.graph {
& ......
jsp页面调用 <link type="text/css" rel="stylesheet" href="css/style.css"/>样式表
其他样式都可以再页面正常显示
.button-qingchu{background:url(images/qingchu.jpg); width:70px; height:30px; border:0px;} 像这样的背景图片样式就显示不出图片是什么问题！ Myeclipse 6.5
在html中都可以显示 在jsp中显示 ......
When you meet trouble with css style in IE7, try this. You can set different css for IE7 and the other browsers.
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="/home_c_ie7.css" mce_href="home_c_ie7.css" />
<![endif]-->
......
css+div和table+css的比较
CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。
CSS＋DIV网站设计的优势
首先，CSS的 ......
