这几天苦学着CSS呢（偶尔吃个西瓜，看看电视剧什么的，哈哈！）
越看书越好玩，我看的是Charles Wyke-Smith的《写给大家看的CSS书》（中文译名），原来以前的好多观点都是错误的。怪不得没有成效呢～
层叠机制
1、默认的浏览器样式表——用户样式表——设计者样式表——设计者嵌入样式——设计者内联样式（排在后面的优先级高）
2、! important声明可以不管样式表的等级强制使用样式。
3、针对性排序：针对性高的优先。这个比较复杂点，果然实践也是需要指导的，可以使知识系统化！
这是一个计分系统：A – B – C
- 选择符中存在一个ID，就要为A加上1.
- 选择符中存在一个类，就要为B加上1.
- 选择符中存在一个元素名（标签名）就要为C加上1.
- 最后将结果按照三位数来计算（如0-1-12和0-2-0相比，后者更具有针对性）
如：
p /*针对性是0-0-1*/
p.largetext /*针对性是0-1-1*/
p#largetext /*针对性是1-0-1*/
body p#largetext /*针对性是1-0-2*/
body p#largetext ul.mylist /*针对性是1-1-3*/
body p#largetext ul.mylist li /*针对性是1-1-4*/
以上的每个针对性都高于前一个。
4、按顺序，层叠顺序中位于最下层的规律优先。
在文档层次中对准标签
1、使用上下文选择符
如：p {color red ;}
2、使用子选择符
如：p > em {color : green ; }
作用就是对准一个标签的字标签。
3、添加类和ID
如：p . special {font-style:italic}
p #special {font-style:italic}
4、特殊选择符
- 通配符“*” 。即任何标签。
- 相邻同辈标签。“+”。如：h1 + p{font-style:italic}
- 属性选择符。如：img[title]{border : 2px;}
伪类
最常见的是link(链接)，viested(已访问)，hover(悬停)，active(激活)，由此可见伪类就是设计者没有添加却可以定义的类。
其他的伪类：
1、: first-child 用于前一个元素的第一个子元素。
2、: focus 当用户单击一个表单字段，字段会获得焦点，获得焦点的字段可以让用户在其中输入字符。
伪元素
1、x : first – letter 首字母的样式（这个我喜欢，哈哈）
2、x : first – line 首行的样式
3、x: before和x : after 元素前后
嗯，暂时写这么多，系统学习才好啊。
不过这只是我的笔记而已，小超同学就是个CSS很不错的同学，大家可以去他博客看看。
另外原来IE不属于SCB，太多属性不支持了。
文前点击大图看。
图片很好玩。求资源，搂住好人。
[回复]
smigoo 回复:
八月 3rd, 2009 at 19:35
图片另存为..
[回复]
SoleilNeon 回复:
八月 4th, 2009 at 22:19
楼主不幽默，我从盒子世界来的。
[回复]