本節簡介:本節課主要介紹css中各類選擇器的權重問題以及行內樣式的應用。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
權重排序:通用選擇器<標簽選擇器<class選擇器<id選擇器<行內選擇器<!important;單選擇器<復合選擇器<id選擇器<行內選擇器<!important
css引入的三種樣式:1、通過link引入的外鏈樣式,一般用于網站,所有引入該css樣式的頁面都起作用;2、頁內樣式,通過在head標簽中添加<style>標簽來寫樣式,僅限于本頁面起作用;3、行內樣式,通過在標簽內部添加style屬性來寫樣式,只有該標簽能夠起到作用,其他標簽不受影響;
行內樣式 常用店鋪裝修;css引入的三種方法1通過link引入的叫做外鏈樣式,一般做網站會用到外鏈,所有引入該css的頁面都能起到作用;2頁面內樣式,通過在head標簽中添加<style>標簽來寫樣式,僅限于本頁面起到作用;3行內樣式,通過在標簽內部添加style屬性,來寫樣式,只有該標簽能夠起到變化,其它標簽不受影響;
css引入的三種樣式:1、通過link引入的外鏈樣式,一般用于網站,所有引入該css樣式的頁面都起作用;2、頁內樣式,通過在head標簽中添加<style>標簽來寫樣式,僅限于本頁面起作用;3、行內樣式,通過在標簽內部添加style屬性來寫樣式,只有該標簽能夠起到作用,其他標簽不受影響;
權重排序:通用選擇器<標簽選擇器<class選擇器<id選擇器<行內選擇器<!important;單選擇器<復合選擇器<id選擇器<行內選擇器<!important
1、單選擇器:*通用選擇器<h1(div等)標簽選擇器< class選擇器<id選擇器 2、復合選擇器:單選擇器<復合選擇器<id選擇器 3、行的樣式權重更高4、limportant權重更高
1、單選擇器:*通用選擇器&lt;h1(div等)標簽選擇器&lt; class選擇器&lt;id選擇器 &nbsp;2、復合選擇器:單選擇器&lt;復合選擇器&lt;id選擇器 3、行的樣式權重更高4、important權重更高