- 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:設定光標放在連接文字之上時,文字的外觀 - 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> - CSS的衝突
當對同一段文字應用多個CSS樣式時,由於這些樣式之間可能存在一定的矛盾,因此在顯示時會出現無法預期的效果。
當瀏覽器顯示CSS時,一般遵循幾個規則:
(1)當兩個不同樣式應用於同一段文字時,瀏覽器將顯示這段文件所具有的所有屬性,除非定義的兩個樣式之間有顯示上的衝突。例如,一個樣式定義這段文字爲綠色,另一個定義的顏色爲紅色。
(2)當來自不同樣式中的文本屬性在應用到同一段文字產生衝突時,瀏覽器將按照與文本關係的遠近決定到底顯示哪一個屬性。
(3)在產生直接衝突時,CSS樣式具有較高的優先級。也就是說,在HTML樣式與CSS樣式產生矛盾時,瀏覽器將按照CSS樣式中定義的文本屬性來顯示
================
css的定義及運行規則
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.