本節簡介:本節課主要介紹css中各類選擇器的權重問題以及行內樣式的應用。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
3、行內樣式權重是最高的 4、在css值得后面添加!important
1、通用選擇器的權重最低 (通用選擇器<標簽選擇器<class選擇器<id選擇器權重更高)單選擇器
css引入的三種方法 1.通過link引入的叫做外鏈樣式,一般做網站會用到,所有引入css的頁面都能起到作用 2.頁內樣式,通過在head標簽中添加<style>標簽,作用僅限本頁面 3.行內樣式,通過在標簽內部添加style屬性,作用僅限該標簽
css的權重 單選擇器:通用選擇器<標簽選擇器<class選擇器<id選擇器 復合選擇器<單選擇器<id選擇器 行內樣式是最高的 最css值后面添加!important最最高
CSS引入方式 link外鏈引入方式 頁內樣式 行內樣式
權重 *最低 通用小于標簽小于類(id相對高一些)小于復合選擇器(如,后代選擇器)
另外 !important 高于行內樣式,但使用須慎重
權重 復合選擇器>單選擇器 通用選擇器<標簽選擇器<class選擇器id選擇器
CSS引入的三種方法:1.link引入的叫做外鏈樣式(做網站)2.頁內樣式,通過在head標簽中添加style標簽來寫樣式,僅限于本頁面起到作用,3.行內樣式,通過在標簽內部添加style屬性來寫樣式,只有該標簽能夠起到變化,其他標簽不受影響。
css引入的三種方法:1、link引入外鏈樣式,一般做網站使用,所有引入該css的頁面都能起到作用;2、頁內樣式 通過在head標簽添加<style>標簽在寫樣式,僅限于本頁面起到作用 3、行內樣式 ,通過標簽內部添加style屬性,只對該標簽起到作用,其他標簽不受影響;