語法
css 規則由兩個主要的部分構成：選擇器，以及一條或多條宣告:
選擇器一般使用id或者class選擇器，宣告由{}包含，每條宣告由乙個屬性和乙個值組成。
.city#class選擇器由（.）開頭，對一組元素生效
#id選擇器由（#）開頭，對乙個元素生效。
#不能多個元素使用同乙個id，可以多個元素使用同乙個class
div span外部樣式表就是在head標籤中link css檔案，然後所有樣式都寫在css檔案中，調整乙個css檔案，就把新樣式應用於所有頁面。#層級標籤，就是對div中的span生效
.header內部樣式表
就是在head標籤中新增style標籤，把樣式寫在這裡。這樣，樣式就只能應用於當前頁面檔案。
內聯樣式
就是在標籤內寫style，只能應用於當前標籤，適合於臨時測試
這是乙個段落。盒子模型
.city#這個樣式就反應為上面的樣式
#最內部是內容區域，300px*300px固定大小。
#padding：內邊距，清除內容周邊區域，是透明的
#border：邊框：在內容和內邊距四周，設為solid就是實體邊框
#margin：外邊距，清除邊框外的區域，是透明的
#該顯示區的寬度為：內容寬度+2（內邊距寬度+邊框寬度+外邊距寬度）
border: 5px solid rgb(167, 63, 63);應用的樣式一層層套起來，就會有衝突的選項，如圖，有兩個padding，劃掉的乙個就是優先順序低的。#邊框有三個屬性，寬度，樣式（實體，虛線），顏色
#可以單獨設定border-left等，不設定預設四維一致
CSS匹配原理
用了這麼多年的css，現在才明白css的真正匹配原理，不知道你是否也跟我一樣？看1個簡單的css div divbox p span.red，按習慣我們對這個css 的理解是，瀏覽器先查詢id為divbox的div元素，當找到後，再找其下的所有p元素，然後 再查詢所有span元素，當發現有span的...
CSS工作原理
當乙個瀏覽器在顯示文件的時候，需要將文件內容和樣式內容結合到一起，以此在 處理文件的時候包含兩個階段 1 瀏覽器將html和css裝換為dom document object model dom在計算機內 存中表示文件，使得文件和css結合。2 瀏覽器顯示dom的內容。這也可解釋在編譯css採用外部...
CSS核心原理
1.優先原則 後解析的內容，會覆蓋掉之前解析的內容 同乙個選擇器 檔案執行從上往下，後面的樣式會覆蓋前面的 如下例中color最終為粉色 div 同一型別的選擇器 從上往下，如下例中color最終為綠色 div div 背景顏色最終為綠色，解析順序與css檔案中的排列有關，從上到下 txt1 txt...