标签:
网上看到的说明div span的例子,有助于理解,span是行级样式定义元素,div是块级样式定义元素
1 <head> 2 <meta http-equiv="Content-Style-Type" content="text/css"> 3 <title>HTML示例</title> 4 <style type="text/css"> 5 .myspan1 { color: #FFFFFF; background-color: #800000; } 6 .myspan2 { color: #000000; background-color: #CCFFCC; } 7 .myspan3 { color: #FFFFFF; background-color: #000080; } 8 .myspan4 { color: #000000; background-color: #FFCCCC; } 9 .mydiv1 { color: #FFFFFF; background-color: #008000; } 10 .mydiv2 { color: #000000; background-color: #CCCCFF; } 11 .mydiv3 { color: #FFFFFF; background-color: #000000; } 12 .mydiv4 { color: #000000; background-color: #FFFFAA; } 13 </style> 14 </head> 15 <body> 16 <h2>生命必须元素</h2> 17 <span class="myspan1">水</span> 18 <span class="myspan2">维生素</span> 19 <span class="myspan3">蛋白质</span> 20 <span class="myspan4">矿物质</span> 21 <hr/> 22 <div class="mydiv1">水</div> 23 <div class="mydiv2">维生素</div> 24 <div class="mydiv3">蛋白质</div> 25 <div class="mydiv4">矿物质</div> 26 27 </body>
标签:
原文地址:http://www.cnblogs.com/JJ.Net/p/4242265.html