CSS即層疊樣式表（Cascading Style Sheets），是一種專門用來表現HTML或XML等文件樣式的計算機語言。

CSS樣式主要包含以下三種類型：

1、行內樣式（內嵌樣式）：結構的內部，即寫在標簽內的樣式；寫在標簽的開始部分內部，style屬性當中。

例：<標記 style="樣式的屬性名1：樣式的屬性值1；屬性名2：屬性值2；......"></標記>

2、內部樣式（內聯樣式）：寫在HTML頁面內部，存放于head標記當中，樣式寫在style標記內。

例：<style>選擇器 {屬性名：屬性值；屬性名：屬性值；......}</style>

3、外部樣式（外聯樣式）：寫在css文件內。

1.第一從符號上來區分后代選擇器：是用空格來分隔開來 例如<h1>一個<span>人</span>的戰爭</h1> 就是h1 span{}子代選擇器：用特殊符號> 例如 h1>span{}

2.第二從用法上區分后代選擇器html部分：<ul class="study"> <li>物理 <ul> <li>力學</li> <li>聲學</li> <li>電磁學</li> </ul> </li> <li>數學 <ul> <li>微積分</li> <li>概率論</li> <li>博弈論</li> </ul> </li> </ul> css部分//使用子代選擇器的效果.study >li{ border:1px solid red;/*只給物理和數學加一個紅色方框*/}//使用后代選擇器的效果.study li{ border:1px solid red;/*給物理 力學 聲學 電磁學 和數學 微積分 概率論博弈論都加一個紅色方框*/}這說明子代是他是單傳只給物理和數學就斷子絕孫，后代是一代傳一代。

子代選擇器時效果圖：

后代選擇器時效果圖：

css的樣式語法是：

1、css規則由選擇器和一條或多條聲明兩個部分構成；

2、選擇器通常是需要改變樣式的HTML元素；

3、每條聲明由一個屬性和一個值組成；

4、屬性和屬性值被冒號分隔開。css樣式語法規則由兩個主要的部分構成：選擇器，以及一條或多條聲明。

css中用通配符代表所有元素。

通配符使用星號*表示，意思是“所有的”。

平時使用電腦，比如要搜索C盤里所有的網頁，可以使用 *.html來搜索，.html是網頁的后綴名，*代表了所有網頁的名稱；

也就是使用 * 加后綴名，就可以在電腦中搜索文件。

在CSS中，同樣使用 * 代表所有的標簽或元素，它叫做通配符選擇器。

比如：* { color : red; } 這里就把所有元素的字體設置為紅色。

*會匹配所有的元素，因此針對所有元素的設置可以使用*來完成，用的最多的例子如下：

*{margin:0px; padding:0px;}

這里是設置所有元素的外邊距margin和內邊距padding都為0。

不過，由于*會匹配所有的元素，這樣會影響網頁渲染的時間，因此很多人開始停止使用*通配符選擇器，取而代之的是，把所有需要統一設置的元素，放在一起，一塊設置。