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>