好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS层叠性、继承性、特殊性的实例详解

层叠性

所谓层叠性是指多种CSS样式的叠加,也就是说后面设置的样式会层叠(覆盖)之前的样式, 层叠性的前提是CSS的选择器的优先级相同, 例如,当使用内嵌式CSS样式表定义<p>标记字号大小为12像素,链入式定义<p>标记颜色为红色,那么段落文本将显示为12像素红色,即这两种样式产生了叠加。

 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4     <meta charset="UTF-8"> 5  6     <title>CSS层叠性</title> 7     <style> 8         .box { 9             background-color: red;10             height: 200px;11             width: 200px;12         }13 14         .wrap {15             background-color: green;16         }17     </style>18 </head>19 <body>20     <div class="box wrap">21         22     </div>23 </body>24 </html> 

查看更多关于CSS层叠性、继承性、特殊性的实例详解的详细内容...

  阅读:33次