CSS的定義：
1. ? 什么是CSS？
CSS指層疊樣式表（Cascading Style Sheets）
CSS通常稱為CSS樣式表或?qū)盈B樣式表（級聯(lián)樣式表）伙菜，主要用于設(shè)置HTML頁面中的文本內(nèi)容（字體氯葬、大小纪铺、對齊方式等）、圖片的外形（寬高坦胶、邊框樣式杨凑、邊距等）以及版面的布局等外觀顯示樣式滤奈。
CSS以HTML為基礎(chǔ)，提供了豐富的功能蠢甲，如字體僵刮、顏色、背景的控制及整體排版等鹦牛，而且還可以針對不同的瀏覽器設(shè)置不同的樣式。
CSS就是控制頁面布局和樣式
CSS版本：2.2--->3.0
HTML和CSS的關(guān)系：
HTML結(jié)構(gòu)層 ? ? ?負(fù)責(zé)從語義的角度搭建頁面結(jié)構(gòu)（類比蓋樓房的鋼筋勇吊、水泥結(jié)構(gòu)）
CSS樣式層 ? ? ? ?負(fù)責(zé)從審美的角度美化頁面（類比給室內(nèi)裝修的行為）
JavaScript行為層 ? ? ? ?負(fù)責(zé)從交互的角度提升用戶體驗（類比住戶在房屋內(nèi)的各種行為體驗）
2. ?如何編寫CSS樣式：
---- ? ? 缺省樣式
可以通過設(shè)置修改瀏覽器的樣式
所有瀏覽器都有默認(rèn)樣式：h1, h2, p, div, span, ul等
---- ? ?內(nèi)聯(lián)樣式style屬性
<span style = "color:red;"></span>
---- ? ?內(nèi)聯(lián)（嵌入曼追，內(nèi)部）樣式，head標(biāo)簽中添加style標(biāo)簽
<head>
? ? ? ? ? <style type="text/css">
? ? ? ? ? ?p{color:green;}
</style>
</head>
---- ? ?外部樣式汉规，外聯(lián)樣式（link）
通過link標(biāo)簽引入CSS樣式文件
<link rel = "stylesheet" href = "a.css"/>
type屬性：只有一個選項礼殊，"text/css", 指定當(dāng)前為CSS文本文件
rel: 指定當(dāng)前HTML文件與CSS文件的關(guān)系是樣式表。 href：指定外聯(lián)樣式表路徑
3. ?CSS語法：
4. ?CSS簡單屬性
width：設(shè)置寬度针史，單位為px像素
height：高度
color：前景色晶伦，即文字顏色
background-color：背景色
font-size：字體大小
5. ?CSS的注釋： ? ? /* ?xxxxxxxxxx ?*/
6. ?CSS選擇器
---- ? 所有標(biāo)簽選擇器 ? ?*{}
通配符選擇器*，選擇頁面上的所有標(biāo)簽啄枕。優(yōu)先級高于繼承樣式婚陪，也會覆蓋繼承樣式
---- ? 標(biāo)簽選擇器 ? p{} ? div{}
---- ? ID選擇器 ? ? ? #head{}
在需要選擇的標(biāo)簽內(nèi)設(shè)置id屬性，如p1频祝，在ID選擇器內(nèi)#p1{}選擇到該標(biāo)簽泌参。
---- ? 類選擇器 ? ? ? .head{}
在需要選擇的標(biāo)簽內(nèi)添加class屬性脆淹，對所有需要修改為統(tǒng)一樣式的不同類型標(biāo)簽，設(shè)置同一個class屬性名字沽一，如類名字為web盖溺，在類選擇器.web{}選擇到這些標(biāo)簽。
補(bǔ)充語法：
ul>li>a ? ? ? ? ?尖括號指父子關(guān)系
ul>(li>a)*3 ? ? ?生成3個li和a標(biāo)簽嵌套
ul>(li>a[href="#"])*3 ? ? ? ? ?中括號設(shè)置a標(biāo)簽下屬性
類選擇器和ID選擇器的區(qū)別：
1. ? 相同的class屬性值铣缠，可以在HTML中出現(xiàn)多次烘嘱，ID屬性值在頁面中出現(xiàn)一次。
2. ?一個class屬性可以有多個屬性值蝗蛙，也就是一個標(biāo)簽可以有多個class拙友。建議大家盡量使用類選擇器。
使用ID時候歼郭，當(dāng)確實能夠唯一確定當(dāng)前頁面標(biāo)簽只會出現(xiàn)一次遗契，這時可以使用ID選擇器，如果不能保證相同作用標(biāo)簽在頁面中只出現(xiàn)一次病曾，那么這時候使用類選擇器牍蜂。
快速生成標(biāo)簽： ? ?鼠標(biāo)選中需要生成標(biāo)簽的內(nèi)容，然后使用ctrl +shift +g泰涂，彈出標(biāo)簽輸入對話框鲫竞。
