注：本学习笔记只是自己的一些备忘，初学者的东西不具有参考性，请到W3School（http://www.w3school.com.cn/css/index.asp）进行系统学习。 学习CSS我使用的工具是Visual CSS，可以实现同步预览，快速学习编辑CSS。 1.CSS的作用：用来规定网页中的内容的显示方式，避免给HTML增加很多的属性而将代码变得臃肿。 2.CSS的应用方式 （1）内联样式：在标签中包括一个style属性，并在其后定义CSS属性及值，例如：Hello world! （2）文档级样式表：将一系列样式规则罗列在HTML文档开头，处于内的和之间，它可以改变外部样式表中定义的一个或多个规则，创建一个个性化的文档，适用于单个HTML文件。 （3）外部样式表：将样式定义放置于分离的文档中，在各个需要应用该样式表的HTML通过在内的标签引入这个分离文档，例如。每次打开页面都需要下载这个表格，所以要尽量减小样式表的容量。 注意：三种样式表作用域不同，同时存在时的页面处理原则为： “近优先于远”——内联样式>文档级样式。 “局部优先于整体”——定义为标签的类的属性>为标签总体进行定义的属性 “特殊优先于一般”——上下文样式>为标签总体进行定义的属性 “后优先于前”——后边指定的属性>前面指定的属性 3.CSS语法： 选择符+属性（属性名+属性值）。 selector：表示受样式规则影响的HTML标记元素的名称，由于XHTML中规定标签都为小写，CSS2则也建议为selector为小写。 property+value：具体定义各种样式属性。 例如： h1{ color:red; font-size:14px; } 4.selector详解 （1）标签选择器：最简单的直接对HTML标签进行操作的选择器，其中有三种特殊的选择器： 1）通配符选择器：将样式应用到文档中的所有元素中： * {
font-style:italic
color:black;
} 3）群组选择器：将几个便签相同的选择器写在一起：p,u1,u2,u3 {
font-style:italic
font.size:18pt;
font.size:10pt;
（3）ID选择器：ID是唯一的选择符，#id 名称 {}，使用时 id=”类别名”方法调用，用于定义大结构，如logo、nav、content、copyright。也就是说id需要具有唯一性的元素使用，尽量在外围使用，而class具有可重复性，尽量在结构内部使用。id是唯一的，并且是父级的，而class是可重复的，并�
IE6、IE7、IE8、FF浏览器的CSS兼容问题，本来ie6跟ff之间的兼容是很容易解决的。加上个ie7会麻烦点，ie8的出现就更头疼了，原来hack ie7的方法又不能用了，怎么办呢？
还好，微软提供了这样一个代码： 把这段代码放到里面，在ie8里面的页面解析起来就跟ie7一模一样的了，所以，基本上可以无视ie8，剩下的代码只需要这样写� ......
转载于 罗马集市
Magento的CSS文件一般存放到 $MAGENTO_INSTALLED_FOLDER/skin/{frontend | admin |
install}/<package name>/<theme
name>/css目录下。也有些和全局js脚本配合使用的css文件存放在$MAGENTO_INSTALLED_FOLDER/js下，但是一
般我们不直接调用它们。
那么Magento应用又是如何引用CSS文件的呢 ......
