關于css選擇器優先級，css層疊是什么？
層疊指的是樣式的優先級，當產生沖突時以優先級高的為準。1. 開發者樣式>讀者樣式>瀏覽器樣式（除非使用!important標記 ）2. id選擇符>（偽）類選擇符>元素選擇符3. 權重相同時取后面定義的樣式以下是一段經典的html，三個類名分別為模塊、標題和正文。
大部分html頁面都可以由這種結構嵌套或者累加而成。
怎樣區分后代選擇器和子代選擇器？
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文件夾里放什么？
瀏覽器解析html文檔是自上而下的，如果將CSS放在底部，頁面可以逐步呈現，但在CSS下載并解析完畢后，已經呈現的文字和圖片就要需要根據新的樣式重繪，這是一種不好的用戶體驗。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
css文件應該放在HTML頂部的head中。
why?
link標簽里面的href(HyperText reference)屬性表示超文本引用，當CSS使用href引用，瀏覽器會識別該文檔為CSS，并行下載，不會停止對當前文檔的加載，在加載html生成DOM tree的時候，就可以同時對DOM tree進行渲染，這樣可以防止閃跳，白屏或者布局混亂。
最理想的情況，我們希望瀏覽器逐漸的渲染下載好的CSS，將頁面逐漸的展現給用戶。但是瀏覽器為了避免樣式變化時重新渲染繪制頁面元素，會阻塞內容逐步呈現，瀏覽器等待所有樣式加載完成之后才一次性渲染呈現頁面。
CSS文件如果放置底部，瀏覽器阻止內容逐步呈現，瀏覽器在等待最后一個css文件下載完成的過程中，就出現了“白屏”(新打開連接時為白屏，爾后先出現文字，圖片，樣式最后出現)。這點非常嚴重，因為在網速非常慢的情況下，css下載時間比較長，這樣就給用戶帶來“白屏”的時間自然也就很長了，用戶體驗非常差。
CSS文件放在頂部一方面是因為放置順序決定了下載的優先級，更關鍵的是瀏覽器的渲染機制。
css在加載過程中不會影響到DOM樹的生成，但是會影響到Render樹的生成，進而影響到layout，所以一般來說，style的link標簽需要盡量放在head里面，因為在解析DOM樹的時候是自上而下的，而css樣式又是通過異步加載的，這樣的話，解析DOM樹下的body節點和加載css樣式能盡可能的并行，加快Render樹的生成的速度。
將CSS放在底部，頁面可以逐步呈現，但在CSS下載并解析完畢后，已經呈現的文字和圖片就要需要根據新的樣式重繪，這是一種不好的用戶體驗。
css層疊樣式表有哪幾種類型？
CSS層疊樣式表有四種類型？它們的疊層優先級關系如下：行內樣式：混合在HTML標簽里面，對每個元素單獨定義樣式
頁面的內部樣式：在<head>與</head>之間添加樣式（重用性差，容易冗余）鏈接外部樣式：使用Link標簽，只需要把公共的CSS單獨保存為一個文件，其他頁面就可以分別調用自身的CSS文件，如果要改變網站風格，修改公共的CSS文件就可以了，是開發常用的HTML+CSS使用方式
導入外部樣式：import方式導入CSS樣式表，和鏈接外部樣式資源類似
四種樣式也有優先級，按照就近原則：行內樣式 > 頁面內部樣式 > 鏈接外部樣式資源 > 導入外部樣式。