CSS高级

    本系列文章的内容绝大部分来自w3cschool，再次表示感谢。

1. CSS尺寸

• height　　　　设置元素高度
• line-height　　设置行高
• max-height      设置元素最大高度
• max-width         设置元素最大宽度
• min-height　　设置元素最小高度
• min-width　　  设置元素最小宽度
• width　　　　   设置元素宽度
• 上述属性，都可以接受auto， number， 百分数作为值。但是不同属性中，百分数的含义以及number的含义不同。

2. CSS分类

• clear， 设置一个元素的侧面是否允许其他的浮动元素
• cursor， 规定当指向某元素之上时显示的指针类型。具体的指针类型包括Auto， Crosshair，Default，Pointer， Move，e-resize，ne-resize，nw-resize，n-resize，se-resize，sw-resize, s-resize, w-resize, text, wait, help
  
• display，设置是否及如何显示元素
• float，设置元素的浮动方向
• position，设置元素的定位方式
• visibility， 设置元素是否可见，可选值包括visible，hidden，collapse

3. CSS伪类

• 伪类的语法是    selector : pseudo-class{ property: value }，前面的selector可以是任意形式的selector
• 链接a有几个伪类，分别是link， visited， hover， active。它们分别表示未访问过的链接，访问过的链接，鼠标悬停在链接上，活动的链接。要注意，hover必须放在link和visited之后，active必须放在hover之后。
• CSS2中增加了focus， first-child， lang三个伪类

4. CSS伪元素

• 伪元素的语法是    selector : pseudo-element {property: value}
• first-line， 设置首行特效
• first-letter，设置首字母特效
• before，在某个元素之前插入内容，CSS2
• after，在某个元素之后插入内容，CSS2

5. CSS媒介类型

    @media 规则可以设置在相同的样式表中，针对不同媒介，使用不同的样式规则。比如：

@media screen {
p.test {font-family:verdana,sans-serif; font-size:14px}
}
@media print {
p.test {font-family:times,serif; font-size:10px}
}

    可选的媒介包括：all，aural，braille，embossed，handheld，print，projection，screen，tty，tv

6. CSS Don't

    要避免在CSS中使用Internet Explorer Behaviors，因为只有IE支持这种东西。