1. 什么是CSS
CSS洒敏，層疊樣式表弃揽。用來控制HTML標(biāo)簽的樣式空猜，在美化網(wǎng)頁中起到非常重要的作用功偿。CSS編寫是鍵值對的形式，如color:red座慰、font-size:20px陨舱。
2. CSS的3中書寫形式
- 行內(nèi)樣式 （直接在標(biāo)簽的style屬性中書寫）
<body style="color:red;"> </body>
- 業(yè)內(nèi)樣式 （在本網(wǎng)頁的style標(biāo)簽中寫,style標(biāo)簽放在header標(biāo)簽里）
<style>
body {
color:red
}
</style>
- 外部樣式 （在單獨的CSS文件中書寫，然后在網(wǎng)頁中用link標(biāo)簽引用）
<link rel="stylesheet" href="index.css">
注意：CSS樣式規(guī)律：
相同類型選擇器的相同樣式角骤，按“就近原則”使用
相同類型選擇器的不同樣式隅忿，按“疊加原則”使用
不同類型選擇器之間有優(yōu)先級別限制 （選擇器權(quán)值相加）
important > 行內(nèi) > id選擇器 > 類 | 偽類 | 屬性選擇 | 偽元素 > 標(biāo)簽 > 通配符 > 繼承
| 選擇器 | 權(quán)值 |
|---|---|
| 通配選擇符 | 0 |
| 標(biāo)簽選擇器 | 1 |
| 類選擇器 | 10 |
| 屬性 | 10 |
| 偽類 | 10 |
| 偽元素 | 10 |
| id選擇器 | 100 |
| import | 1000 |
3.HTML標(biāo)簽類型
HTML有多個標(biāo)簽類型，根據(jù)顯示的類型邦尊，主要分為3大類
- 塊級標(biāo)簽
獨占一行的標(biāo)簽背桐，能隨時設(shè)置寬高。如（div, p, h1, h2, ul, li）蝉揍。 - 行內(nèi)標(biāo)簽
多個行內(nèi)標(biāo)簽?zāi)芡瑫r顯示在一行链峭，寬高取決于內(nèi)容的尺寸。如（span, a, label）又沾。 - 行內(nèi)-塊級標(biāo)簽
多個行內(nèi)-塊級標(biāo)簽?zāi)芡瑫r顯示在一行弊仪，能隨時設(shè)置寬高。如（input, button）杖刷。
4.修改標(biāo)簽類型
CSS里面有個標(biāo)簽屬性display励饵，可以改變標(biāo)簽類型
- none：隱藏標(biāo)簽
- block：讓標(biāo)簽變?yōu)閴K級標(biāo)簽
- inline：讓標(biāo)簽變?yōu)樾袃?nèi)標(biāo)簽
- inline-block：讓標(biāo)簽變?yōu)樾袃?nèi)-塊級標(biāo)簽
