块和内嵌div和span

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>无标题文档</title>
 6 <style>
 7 body{ font-family:"宋体"; font-size:20px;}
 8 div,span{width:100px;height:100px;background:red;border:2px solid #000;}
 9 div{padding:40px;}
10 /*
11     块:
12         1.独占一行
13         2.支持所有的样式
14         3.不设置宽度的时候，宽度撑满正行
15     
16     内嵌:
17         1.可以在一行显示
18         2.不支持宽高，对上下的margin和padding等样式支持的也有问题
19         3.宽度内容由撑开
20         4.代码换行会被解析<span>
21                           </span>有一个空格
22 */
23 </style>
24 </head>
25 <body>
26 <div>div1</div>
27 <div>div2</div>
28 <span>span1</span>
29 <span>span2</span>
30 </body>
31 </html>
posted on 2016-02-29 19:19 hduhdc 阅读(280) 评论(0) 收藏举报