一.css選擇器
image.png
二.樣式表
一 行間 樣式 —-內(nèi)部樣式
1.<div style=''></div>
二 內(nèi)嵌 （css）樣式 —-內(nèi)部樣式
<style>
#box{}
</style>
三 外鏈 ( css )樣式 —–外部樣式
1.<link rel='stylesheet' type='text/css' href='url.css'/>
=>注意：需要 設(shè)置編碼 @charset 'UTF-8' ; 外鏈中注意 background-image 路徑變化鸵隧；
三.css命名規(guī)范
使用類選擇器,盡量避免使用ID選擇器定義樣式 ID在一個頁面中的唯一性導(dǎo)致了如果以ID為選擇器來寫CSS,就無法重用.
- 以字母開頭
- 必須以字母開頭命名選擇器,這樣可保證在所有瀏覽器下都能兼容;
- 不允許單個字母的類選擇器出現(xiàn);
- 允許命名帶有廣告等英文的單詞,例如ad,adv,adver,advertising,已防>止該模塊被瀏覽器當(dāng)成垃圾廣告過濾掉.
- 全小寫,并使用 - 連字符
- 下劃線 _ 禁止出現(xiàn)在class命名中,統(tǒng)一使用 - 連字符
- 禁止駝峰式命名
- 不要出現(xiàn) - 數(shù)字連接
四.命名的2種方式
- id命名 （#id）
- class命名 (.class)
五勺美、HTML代碼規(guī)范
- 所有書寫均在英文半角狀態(tài)下的小寫击纬；
- id冯袍，class必須以字母開頭巷懈；
- 所有標(biāo)簽必須閉合；
- html標(biāo)簽用tab鍵縮進(jìn)透揣；
- 屬性值必須帶引號妆棒；
- /* css注釋 */
- ul,li/ol,li/dl,dt,dd擁有父子級關(guān)系的標(biāo)簽；
- p,dt,h標(biāo)簽 里面不能嵌套塊屬性標(biāo)簽敞映；
- a標(biāo)簽不能嵌套a较曼；
- 內(nèi)聯(lián)元素不能嵌套塊；（a除外）
- 命名不要用_下劃線 可以用-分開
- 統(tǒng)一使用單引號 ‘ ’
- 一般網(wǎng)站的logo都放在h1標(biāo)簽里振愿，因為是比較重要的捷犹，一個網(wǎng)站可能出現(xiàn)一次，并且設(shè)置一個背靜圖片
六冕末、標(biāo)簽的語義化
- 見名之意
