HTML引入CSS樣式三種方法及優先級 CSS樣式的寫法
阿新 • • 發佈：2017-06-17
分開 通過 str 相同 gif 標記 sof 偽類 cnblogs
HTML引入CSS樣式三種方法及優先級：
方法
css的樣式引用由3種方式。分別為行內樣式、內部樣式（嵌入式）和外部樣式；
行內樣式： 在對象的標記內使用對象的style屬性定義適用的樣式表屬性，格式定義為 :<div style="內容"><div>；
內部樣式（嵌入式）：是由<style></style>標記對放在<head></head>中；
外部樣式 ： 是把CSS文件放在網頁外面，通過鏈接<link>使CSS文件對本網頁的樣式有效，<link type="text/css" rel="stylesheet" href="css 文件的存放地址">；
優先級：行內樣式最高、內部樣式（嵌入式）次之、外部樣式優先級最低；
CSS樣式的寫法：
每個屬性有一個值。屬性和值被冒號分開；如果要定義不止一個屬性，則需要用分號將每個聲明分開；
分類：
1、組選擇器：
被分組的選擇器可以分享相同的聲明，用逗號將需要分組的選擇器分開；
h1,h2,h3,h4,h5,h6 {
color: green;
}
2、後代選擇器：
通過依據元素在其位置的上下文關系來定義樣式；
li strong {
font-style: italic;
font-weight: normal;
}
3、ID選擇器：
id 選擇器以 "#" 來定義；
#red {color:red;}
#green {color:green;}
4、CLASS類選擇器：
.center {text-align: center;}
5、偽類選擇器：
<a></a>
a:link {color:red;}
a:visited {color:green;}
6、繼承：
子元素繼承父元素的樣式；子元素的子元素同樣繼承樣式；若不想被繼承，則其css樣式要重寫；
HTML引入CSS樣式三種方法及優先級 CSS樣式的寫法