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樣式的寫法