樣式表之繼承性
阿新 • • 發佈:2018-05-25
繼承 oct 視頻播放 col type body IT 所有 HA
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 /* .father{ 8 color:pink; 9 font: italic 700 40px 微軟雅黑; 10 } */ 11 12 .box{ 13 font-size:30px; 14 color:red; 15 } 16 </style> 17 </head> 18 <body> 19 <!-- <div class="father"> 20 <p>視頻播放</p> 21 </div> --> 22 23 <!-- <div class="box"> 24 <h1>繼承</h1>25 <p>前提</p> 26 </div> --> 27 28 <div class="box"> 29 <a href="#">包含</a> 30 </div> 31 </body> 32 </html>
繼承性:
繼承性發生的前提是包含或者嵌套關系
☆文字顏色可以繼承
☆文字大小可以繼承
☆字體可以繼承
☆字體粗細可以繼承
☆文字風格可以繼承
☆行高可以繼承
總結:文字的所有屬性都有可以繼承
◆特殊情況:
h1~h6不能繼承文字大小
a標簽不能繼承文字顏色
樣式表之繼承性