HTML CSS--margin和padding的学习_html/css_WEB-ITnose

 

http://www.cnblogs.com/fengyv/p/3789333.html

 

你在学习margin和padding的时候是不是懵了，??什么他娘的内边距，什么他娘的外边距。呵呵呵，刚开始我也有点不理解，后来通过查资料学习总算弄明白了，现在我来谈一下自己对margin和padding的理解：

        一、什么是边距

        CSS中的边距指的是当前元素border与周围其它元素border的距离（或者称为空间）。

       二、什么是内边距，什么是外边距

        代码2-1：

1. nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
2.   
3.       
4.           
5.         
6.             body{  
7.                 margin:0px;  
8.             }  
9.   
10.             .test1{  
11.                 width:150px;  
12.                 height:150px;  
13.                 border:6px solid red;  
14.             }  
15.   
16.             .test2{  
17.                 margin-top:40px;  
18.                 padding-top:40px;  
19.                 width:150px;  
20.                 height:150px;  
21.                 border:6px solid gray;  
22.             }  
23.   
24.             .test2_son{  
25.                 width:80px;  
26.                 height:50px;  
27.                 border:12px solid blue;  
28.             }  
29.           
30.       
31.       
32.         
    test1
      
33.         
      
34.             
    test2_son
      
35.