層疊樣式表引入css的選擇器，CSS和HTML是什么？
別看我是后端，我照樣給你講個明明白白！
HTML，即超文本標記語言（HyperText Markup Language），是一種用于創建網頁的標準標記語言。
這個定義看起來還是太抽象，HTML說白了就是標簽的組合：一堆標簽組合到一起就構成了一個頁面。
來看一個簡單的 HTML 文件：
然后它在頁面上展示的效果是這樣的：
你想在你的頁面里展示什么，就引用什么標簽就可以了，比如想展示圖片就用<img>標簽，展示文本框就用<input>標簽，展示按鈕就用<button>標簽，展示一個超鏈接就用<a>標簽，就是這么簡單！
我只負責展示，你要的東西我給你展示出來就行了，至于你頁面丑不丑那就不是我一個人能搞定的了。想要頁面好看，那必須請CSS來助陣。
CSS，即層疊樣式表(Cascading Style Sheets)，說白了就是給HTML標簽加樣式的，讓展示的內容更加豐富多彩。兩者好比磚頭和涂層的關系。
給一個 CSS 的簡單例子：
這里規定了<body>,<h1>,<p>標簽的樣式，可以控制它們展現的顏色，字體，大小等等。
學完 HTML，CSS，就可以畫出靜態的頁面來了，這個時候可以稱得上美工了。
實際上，要想讓頁面動起來和后臺進行交互，還要進一步去學習JS。HTML，CSS，JS 三劍客缺一不可：
HTML，CSS 這哥倆相對簡單，JS 是前端學習的重頭戲，有一定的難度，學完JS才能算前端入門，才可以稱得上前端開發工程師。現在好多前端選手大談React，Vue 等各種前端框架，對底層的 JS 卻不去下功夫，我認為這一點是不可取的。
以上是我個人對前端學習的一些看法，希望對你有所幫助吧。
CSS中有哪些常用選擇器？
一、CSS選擇器有哪些
CSS中的選擇器很多，比如：ID選擇器，類選擇器，通配符選擇器，偽類選擇器等等，接下來主要介紹常用的幾個。
1.標簽選擇器
語法：標簽名{}，eg：h1{}//為所有的h1元素設置樣式。
2.ID選擇器
語法：#id名{}//id值唯一不能重復,eg:#top{}//為id為top的元素設置樣式。
3.類選擇器
語法：.class{},eg：.box{}//為所有的class值為box的元素設置樣式。
4.組選擇器
語法：選擇器1，選擇器2，選擇器N{},eg:#box1,.box2,p{}//為id為box1，class為box2和p的元素共同設置樣式。
5、通配符選擇器
語法：*{}，eg：*{font-size：16px}//將整個頁面字體大小設為16px。
6.后代選擇器
語法：選擇器1選擇器2{}，eg：p.aa{}//選中指定祖先元素p的指定后代.aa。
7.子元素選擇器
語法：父元素>子元素{},eg：p>.box{}//選中父元素p的指定子元素.box。注意與后代元素選擇器的區別
8.偽類選擇器
偽類可以用來表示一些特殊的狀態,如：
：link-未訪問過的超鏈接。
：visited-已訪問過的超鏈接。
：hover-鼠標經過的元素。
：active-正在點擊的元素。
eg：a:hover{color:red}//鼠標經過a標簽時，顏色變為紅色。
二、CSS選擇器的優先級順序
當同一屬性的不同值都作用到了同一個元素時，如果定義的屬性之間有沖突，那么應該用誰的值的，這個時候就涉及到CSS的優先級順序了。
1.在屬性后面使用!important會覆蓋頁面內任何位置定義的元素樣式。
2.作為style屬性寫在元素內的內部樣式
3.id選擇器
4.類選擇器
5.標簽選擇器
6.通配符選擇器
7.瀏覽器自定義或繼承的
層疊樣式表文檔是什么？
層疊就是瀏覽器對多個樣式來源進行疊加，最終確定結果的過程.css之所以有“層疊”的概念，是因為有多個樣式來源。其中css樣式來源有5個，分別是內聯樣式（<a style="">）,內部樣式(<style></style>),外部樣式（寫在css文件中的樣式），瀏覽器用戶自定義樣式，瀏覽器默認樣式；按照其來源優先級為內聯樣式>內部樣式>外部樣式>瀏覽器用戶自定義樣式>瀏覽器默認樣式按照選擇器優先級為id >class>元素選擇器如果有important,important優先級最高。
css層疊是什么？
層疊指的是樣式的優先級，當產生沖突時以優先級高的為準。1. 開發者樣式>讀者樣式>瀏覽器樣式（除非使用!important標記 ）2. id選擇符>（偽）類選擇符>元素選擇符3. 權重相同時取后面定義的樣式以下是一段經典的html，三個類名分別為模塊、標題和正文。
大部分html頁面都可以由這種結構嵌套或者累加而成。