css的定義及運行規則

  1. CSS的類型
    (1) 自定義CSS .如果應用到html控件上,則只需要加上 class 屬性
             EX:
               .bg{background-image:url(bg.gif);}
               <body class="bg">
     (2) 重定義標籤的CSS
           可以針對某一個標籤來定義CSS,也就是說定義的CSS將只應用於選擇的標籤。例如爲<body>標籤定義CSS,那麼包含在<body></body>標籤的內容將遵循定義的CSS
         EX:
             t d{color:#000099;font-size:9pt}
     (3) CSS選擇符
           CSS選擇符爲特殊的組合標籤定義CSS,使用ID作爲屬性,以保證文檔具有唯一可用的值。CSS選擇符是一種特殊類型的樣式,常用的有4種,分別爲:
       a:lingk  設定正常狀態下聯結文字的樣式
       a:active 設定鼠標單擊時的連接的外觀
       a:visited:設定訪問過的連接外觀
       a:hover:設定光標放在連接文字之上時,文字的外觀
  2. CSS的基本寫法
       1 HEAD內的實現
          <style type="text/css">
     .....
          </style>
       2 BODY內的實現
          <h3 style="....">
       3 在文件外的調用
       <link rel="stylesheet" href="style.css" type="text/css">
       4 輸入樣式表
          <style type="text/css">
          <!--
          @import url(company.css);
          <h3 style="....">
          -->
          </style>
  3. CSS的衝突
           當對同一段文字應用多個CSS樣式時,由於這些樣式之間可能存在一定的矛盾,因此在顯示時會出現無法預期的效果。
         當瀏覽器顯示CSS時,一般遵循幾個規則:
         (1)當兩個不同樣式應用於同一段文字時,瀏覽器將顯示這段文件所具有的所有屬性,除非定義的兩個樣式之間有顯示上的衝突。例如,一個樣式定義這段文字爲綠色,另一個定義的顏色爲紅色。
         (2)當來自不同樣式中的文本屬性在應用到同一段文字產生衝突時,瀏覽器將按照與文本關係的遠近決定到底顯示哪一個屬性。
         (3)在產生直接衝突時,CSS樣式具有較高的優先級。也就是說,在HTML樣式與CSS樣式產生矛盾時,瀏覽器將按照CSS樣式中定義的文本屬性來顯示
    ================ 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章