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">