本節簡介:講解包括CSS的層疊理論、繼承理論、后代理論和特征理論,解釋了css樣式規則起作用的原理。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
/*.....................*/被注釋掉的代碼是灰色的。和代碼瀏覽器
哪四種“理論“影響CSS格式化的應用?層疊理論、繼承理論、后代理論和特征理論。
在代碼瀏覽器中,最后出現的規則將對任何特定元素具有最大的影響。
/*.....................*/被注釋掉的代碼是灰色的。
后代(子元素)理論描述了怎樣基于特定元素相對于其他元素的位置對其進行格式化。通過使用多個元素(以及ID和類屬性)構建選擇器,可以對web頁面內的文本的特定實例進行格式化。
繼承理論:描述了一個規則如何被一個或多個以前的聲明規則所影響。繼承可以影響同名的規則,以及格式化父元素或者彼此嵌套的元素。
層疊理論作用下,兩個相同層級的規則,哪個會起到決定性作用?樣式表中下層級的,最后聲明的。
特征理論,/*.....................*/被注釋掉的代碼是灰色的。層疊-繼承-后代-特征
div h1在兩個規則發生沖突可以用指定特定的樣式格式化效果,也可以用類或ID屬性來區分元素。
將頁面中所有元素都格式化,body{font-family:arial;color:blue;}
div{front-family:arial;color:blue;}所有元素都在DIV內 可以繼承他的規則。div之外的會恢復html的格式。
層疊理論,規則在樣式表的順序和位置如何影響變化。聲明必須以分號結束。
案例操作,添加CSS源,內嵌CSS樣式表,選擇器#pic1,#pic2,#pic3,#pic4,設置編劇距離,在設置邊框距離,在設置顏色,F12預覽。
在代碼瀏覽器中,最后出現的規則將對任何特定元素具有最大的影響