Smigoo

这几天苦学着CSS呢（偶尔吃个西瓜，看看电视剧什么的，哈哈！）

越看书越好玩，我看的是Charles Wyke-Smith的《写给大家看的CSS书》（中文译名），原来以前的好多观点都是错误的。怪不得没有成效呢～

层叠机制

1、默认的浏览器样式表——用户样式表——设计者样式表——设计者嵌入样式——设计者内联样式（排在后面的优先级高）

2、! important声明可以不管样式表的等级强制使用样式。

3、针对性排序：针对性高的优先。这个比较复杂点，果然实践也是需要指导的，可以使知识系统化！

这是一个计分系统：A – B – C

1. 选择符中存在一个ID，就要为A加上1.
2. 选择符中存在一个类，就要为B加上1.
3. 选择符中存在一个元素名（标签名）就要为C加上1.
4. 最后将结果按照三位数来计算（如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，太多属性不支持了。

文前点击大图看。