CSS 一些琐碎知识点记录下
1：标签a 的样式添加顺序：
<style type="text/css">
a:link {color:#006600; font-size:30px;} /* 未访问的链接 green */
a:visited { color:#FF0000; font-size:30px; text-decoration: underline;} /* 已访问的链接 红*/
a:hover { color:#000000; font-size:30px; text-decoration: underline;} /* 当有鼠标悬停在链接上*/
a:active { color:#000066; font-size:30px; text-decoration: none;} /* 被选择的链接blue */
使用的时候必须按照以上的顺序写，不然效果可能体现不了
在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后！！ a:active 必须位于 a:hover 之后！！
2：css浏览器兼容:
A: !important (功能有限):
随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)
例如:
#example {
width: 100px !important; /* IE7+FF */
width: 103px; /* IE6 */
}
B: CSS HACK的方法:
所有浏览器 通用 height: 100px;
IE6 专用 _height: 100px;
IE7 专用 *+height: 100px;
IE6、IE7 共用 *height: 100px;
IE7、FF 共用 height: 100px !important;
IE9 height:100px\9;
需要注意的是，代码的顺序一定不能颠倒了../*FF*/ /*IE9*/ /*IE8*/ /*IE7*/ /*IE6*/
*+html 对IE7的兼容 必须保证HTML顶部有如下声明：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">