CSS的必知常識有哪些

本篇內容介紹了“CSS的必知常識有哪些”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

早期的大多數網站標記幾乎完全由表格和font元素組成，且對于所要表現的內容不能傳達任何實際含義，使文檔可用性降低，且不易于維護。于是1995年，W3C發布了CSS草案，試圖解決結構與樣式混雜的問題

1、如果考慮結構與樣式徹底分離，且樣式表可能用于多個HTML文件，使用外部樣式表

2、如果樣式表僅用于當前頁面，且減少HTTP請求數量，使用內部樣式表

3、如果只是想為單個元素指定一些樣式，可以使用HTML的style屬性來設置一個行間樣式

選擇器

通過CSS選擇器，向文檔中的一組元素類型應用某些規則

1、通配選擇器選擇所有元素

2、元素選擇器按照HTML標簽來選擇元素

3、類選擇器通過定義類名來選擇一類元素

4、ID選擇器選擇特定ID的元素

5、屬性選擇器根據元素的屬性及屬性值來選擇元素

6、后代選擇器通過HTML層級關系來選擇元素

7、分組選擇器將具有相同規則的元素合并設置

 層疊

CSS（cascading style sheets）中文翻譯過來是層疊樣式表，最基本的一個特性就是層疊。沖突的聲明通過層疊進行排序，由此確定最終的文檔表示

在下面的例子，元素選擇器div和類選擇器.test都可以選擇出<div class="test"></div>，這就發生了沖突。由于類選擇器的特殊性大于元素選擇器，所以通過層疊進行排序，最終該元素的樣式為{height: 200px;} ，如果去掉 .test{height: 200px;} 這條規則，則元素的樣式為{height: 100px;}

<style> div{height: 100px;} .test{height: 200px;} </style> <div class="test"></div>

Why Hack

CSS Hack是實現瀏覽器樣式兼容的兜底辦法，能不用就盡量不要使用。但是，針對一些瀏覽器的bug，比如老版本IE的bug，有時使用CSS Hack是不得已而為之的做法

“CSS的必知常識有哪些”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！