1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Insert title here</title> 6 <style type="text/css"> 7 /* 8 块级标签：占的是一行. 9 行内标签:占行内的一部分,不能嵌套块级标签 10 11 块级：div p ol 12 行内：span font a 13 */ 14 div { 15 border-color: red; 16 border-width: 1px; 17 border-style: solid; 18 } 19 #one{ 20 width:200px; 21 height:300px; 22 /*内边距： 23 注意，内边距会改变自身的宽高 24 padding-left: 100px; */ 25 padding-left: 100px; 26 } 27 #two{ 28 width:100px; 29 height:100px; 30 /* 31 外边距 32 margin-left: 100px; */ 33 34 35 } 36 </style> 37 </head> 38 <body> 39 <!-- 40 张三<div>张三</div>张三<br> 李四 41 <span>李四</span>李四 --> 42 43 <div id="one"> 44 <div id="two"></div> 45 </div> 46 47 </body> 48 </html>