CSS指層疊樣式表(Cascading Style Sheets)，定義如何顯示html元素，如文字大小、顏色、字體加粗等。樣式表允許以多種方式規(guī)定樣式信息，可以在單個(gè)html元素中，也可以在html頁的頭部，或者以外部文件的形式引入。
語法
主要兩個(gè)部分構(gòu)成：選擇器和聲明。
selector {declaration1; declaration2; ... declarationN }
選擇器通常是需要改變樣式的HTML元素。聲明由屬性和值組成，屬性就是你需要改變的樣式屬性。多個(gè)聲明由分號(hào)（;）,一般最后一條聲明后也會(huì)加上分號(hào)。
注釋
css中注釋很簡(jiǎn)單，不用多說。/*注釋語句*/
css樣式設(shè)置方式
- 內(nèi)聯(lián)式
- 嵌入式
- 外部式
內(nèi)聯(lián)式
直接寫在html標(biāo)簽style屬性中。
<p style="color:red">這里文字是紅色。</p>
嵌入式
css樣式代碼寫在頁面的<style type="text/css"></style>標(biāo)簽之間。一般嵌入式css寫在<head></head>之間。
<style type="text/css">
span{
color:red;
}
</style>
外部式
css樣式寫在一個(gè)單獨(dú)的文件中，擴(kuò)展名.css，一般在head標(biāo)簽內(nèi)使用link標(biāo)簽將文件鏈接到html文件內(nèi)。
<link href="base.css" rel="stylesheet" type="text/css" />
優(yōu)先級(jí)
一般來說：內(nèi)聯(lián)式 > 嵌入式 > 外部式。 就近原則（離被設(shè)置元素越近優(yōu)先級(jí)別越高）
css選擇器
- 標(biāo)簽選擇器
p{font-size:12px;} - 類選擇器
/* .類選器名稱{css樣式代碼;} */ .main{font-size:14px;} - ID選擇器
/* #類選器名稱{css樣式代碼;} */ #main{font-size:14px;} - 子選擇器
>用于選擇指定標(biāo)簽元素的第一代子元素.food>li{border:1px solid red;} - 后代選擇器 用于選擇指定標(biāo)簽元素下的后輩元素
.first span{color:red;} - 通用選擇器
*匹配html中所有標(biāo)簽元素* {color:red;} - 偽類選擇符 常用的也就這一個(gè)
a:hover{color:red;} - 分組選擇符
,h1,span{color:red;} /* 等價(jià)于 */ h1{color:red;} span{color:red;}
類和ID選擇器的區(qū)別
類選擇器和ID選擇器都可以應(yīng)用于任何元素，但是他們有一些不同的地方。ID選擇器只能使用一次，一個(gè)元素只能設(shè)置一個(gè)ID屬性，而類選擇器則可以使用多次，多個(gè)不同的元素使用，而且一個(gè)元素也可以同時(shí)設(shè)多個(gè)樣式，在class屬性中以空格分割設(shè)置多個(gè)類選擇器名。
繼承
繼承是css的一種規(guī)則，它允許樣式不僅應(yīng)用于某個(gè)特定的html標(biāo)簽元素，而且應(yīng)用于其后代。根據(jù)CSS，子元素可以從父元素繼承屬性。
權(quán)值
當(dāng)為同一個(gè)元素設(shè)置了多個(gè)不同的css樣式代碼時(shí)，最終啟用哪一個(gè)css樣式，就取決于權(quán)值，使用權(quán)值最高的。據(jù)了解標(biāo)簽的權(quán)值為1，類選擇符的權(quán)值為10，ID選擇符的權(quán)值最高為100，繼承也有權(quán)值但特別低，可以理解是最低的。
層疊
多重樣式將層疊為一個(gè)
樣式表允許以多種方式規(guī)定樣式信息。樣式可以規(guī)定在單個(gè)的 HTML 元素中，在 HTML 頁的頭元素中，或在一個(gè)外部的 CSS 文件中。甚至可以在同一個(gè) HTML 文檔內(nèi)部引用多個(gè)外部樣式表。
層疊就是在html文件中對(duì)于同一個(gè)元素可以有多個(gè)css樣式存在，當(dāng)有相同權(quán)重的樣式存在時(shí)，會(huì)根據(jù)這些css樣式的前后順序來決定，處于最后面的css樣式會(huì)被應(yīng)用。(就近原則)
!important
!important要寫在分號(hào)的前面，設(shè)置某些樣式具有最高權(quán)值。
