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