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>
