CSS指層疊樣式表(Cascading Style Sheets)，定義如何顯示html元素巡语，如文字大小、顏色淮菠、字體加粗等男公。樣式表允許以多種方式規(guī)定樣式信息，可以在單個html元素中合陵，也可以在html頁的頭部枢赔，或者以外部文件的形式引入。
語法
主要兩個部分構(gòu)成：選擇器和聲明拥知。
selector {declaration1; declaration2; ... declarationN }
選擇器通常是需要改變樣式的HTML元素踏拜。聲明由屬性和值組成，屬性就是你需要改變的樣式屬性低剔。多個聲明由分號（;）,一般最后一條聲明后也會加上分號速梗。
注釋
css中注釋很簡單，不用多說襟齿。/*注釋語句*/
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樣式寫在一個單獨的文件中，擴展名.css开皿，一般在head標(biāo)簽內(nèi)使用link標(biāo)簽將文件鏈接到html文件內(nèi)涧黄。
<link href="base.css" rel="stylesheet" type="text/css" />
優(yōu)先級
一般來說：內(nèi)聯(lián)式 > 嵌入式 > 外部式篮昧。 就近原則（離被設(shè)置元素越近優(yōu)先級別越高）
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;} - 偽類選擇符 常用的也就這一個
a:hover{color:red;} - 分組選擇符
,h1,span{color:red;} /* 等價于 */ h1{color:red;} span{color:red;}
類和ID選擇器的區(qū)別
類選擇器和ID選擇器都可以應(yīng)用于任何元素，但是他們有一些不同的地方弓熏。ID選擇器只能使用一次恋谭，一個元素只能設(shè)置一個ID屬性，而類選擇器則可以使用多次挽鞠，多個不同的元素使用疚颊，而且一個元素也可以同時設(shè)多個樣式，在class屬性中以空格分割設(shè)置多個類選擇器名信认。
繼承
繼承是css的一種規(guī)則材义，它允許樣式不僅應(yīng)用于某個特定的html標(biāo)簽元素，而且應(yīng)用于其后代嫁赏。根據(jù)CSS其掂，子元素可以從父元素繼承屬性。
權(quán)值
當(dāng)為同一個元素設(shè)置了多個不同的css樣式代碼時潦蝇，最終啟用哪一個css樣式款熬，就取決于權(quán)值，使用權(quán)值最高的攘乒。據(jù)了解標(biāo)簽的權(quán)值為1贤牛，類選擇符的權(quán)值為10，ID選擇符的權(quán)值最高為100则酝，繼承也有權(quán)值但特別低殉簸，可以理解是最低的。
層疊
多重樣式將層疊為一個
樣式表允許以多種方式規(guī)定樣式信息沽讹。樣式可以規(guī)定在單個的 HTML 元素中般卑，在 HTML 頁的頭元素中，或在一個外部的 CSS 文件中爽雄。甚至可以在同一個 HTML 文檔內(nèi)部引用多個外部樣式表蝠检。
層疊就是在html文件中對于同一個元素可以有多個css樣式存在，當(dāng)有相同權(quán)重的樣式存在時挚瘟，會根據(jù)這些css樣式的前后順序來決定蝇率，處于最后面的css樣式會被應(yīng)用。(就近原則)
!important
!important要寫在分號的前面刽沾，設(shè)置某些樣式具有最高權(quán)值本慕。
