CSS 知識點

來源:互聯網
上載者:User

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

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.