1. 程式人生 > >樣式表之繼承性

樣式表之繼承性

繼承 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標簽不能繼承文字顏色

樣式表之繼承性