magento个别页面添加css和js文件，可以将其放在个别页面的xml中，或者放在CMS的layout update中，其代码和文件存放位置如下
<reference name="head">
<action method="addCss"><stylesheet>css/mystyles.css</stylesheet></action>
//添加css mystyles.css 文件在 /skin/frontend/主题包文件夹/主题文件夹/css
<action method="addItem"><type>skin_js</type><name>js/myjs.js</name></action>
//添加js myjs.js 文件在 /skin/frontend/主题包文件夹/主题文件夹/js
<action method="removeItem"><type>js</type><name>prototype/prototype.js</name></action>
//删除js 此prototype.js文件在magento根目录的 js文件夹
</reference>
出处：http://www.hellokeykey.com/magento-add-css-js/
......
一直以来我都以为css是无法限制字符长度的，最近才发现原来可以这样.最简单的兼容方法：
.textOverflow {
width:100px;
white-space:nowrap;/*限制单行输出*/
text-overflow:ellipsis;/*只支持IE6(+)*/
overflow: hidden;
-o-text-overflow: ellipsis;/*Opera专用*/
-moz-binding: url('ov.xml#ellipsis');/*firefox下实现要配套对应的xml文件*/
}
/*.xul是为<xul:description>添加的class属性*/
.xul{
color:#fff;
}
html代码：
<div class="textOverflow">块级元素块级元素块级元素块级元素块级元素块级元素</div>
根目录下ov.xml文件代码：
<?xml version="1.0" encoding="utf-8"?>
<bindings
xmlns="http://www.mozilla.org/xbl"
xmlns:xbl="http://www.mozilla.org/xbl"
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
>
<binding id="ellipsis">
<content>
<xul:description class="xul" crop="end" xbl:inherits="value=xbl:text"><children/></xul:descriptio ......
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。
2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。
3、慎用 * 通配符。所谓通配符，就是将 CSS 中的所有标签均初始化，不管用的不用的，过时的先进的，一视同仁，这样，大大的占用资源。要有选择的初始化标签。
4、CSS 的十六进制颜色代码缩写。习惯了缩写及小写，这才知道，原来不是推荐的写法，为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣，有待仔细考证。
5、样式放头上，脚本放脚下。不内嵌，只外链。
6、坚决不用 CSS 表达式。
7、使用 引用样式表，而不是通过 @import 导入。
8、一般来说，PNG 比 GIF 要小，小得多。再者，GIF 中有多少颜色是被浪费的，很值得优化。
9、千万不要在 HTML 中缩放图片，一者不好看，二者占资源。
10、正文字体最好用偶数，12px、14px、16px，效果非常好。特例，15px。
11、blo ......
昨天学习了Css的一小部分属性，这些属性一直从昨天练习到今天，感觉如果想把这些属性完全的掌握牢固还需要大量的练习，看到同学一个比一个学习努力，有的同学已经超前学习，心里感到七上八下的，因此自己也在慢慢钻研，不能落到别人的后面，昨天主要是练习了，今天主要的总结了一些Css的属性：
文本
font-family 字体类型
Arial,Helvetica,sans-serif
font-size 字体大小
12px
font-weight 字体重量
400
font-style 字体风格
normal
Color 字体颜色
#000000
text-transform 文本转换
none
text-decoration 文字装饰
none
letter-spacing 字母间距
normal
word-spacing 字母距
0
line-height 线高度
18px
text-align 文本对齐
start
vertical-align 垂直对齐
baseline
Direction 方向
ltr
背景
background-color
transparent
background-image
none
background-repeat
repeat
background-position 背景位置
0 0
background-attachment 背景附件
scroll
opacity 不透明
1
盒模型
width 宽度
895px
height 高度
305px
top 顶端
auto
right 右边
auto
bottom 底部
auto
left 左边
auto
margin-to ......
最新文章 :