首页 > 其他 > 详细

样式表之继承性

时间:2018-05-25 10:21:54      阅读:161      评论:0      收藏:0      [点我收藏+]
 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标签不能继承文字颜色

样式表之继承性

原文:https://www.cnblogs.com/twinkle-/p/9086653.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!