cssボックスモデル:内側充填、外側距離、枠線および発生する問題

cssボックスモデル構成:内側塗りつぶし、外側距離、枠線

埋め込みpadding:

		    : padding-left
		    : padding-right
		    : padding-top
		    : padding-bottom 
		  :
		padding: 30px;  -          30px
		padding: 20px 50px;   20px,   50px
		padding: 10px 20px 30px 40px;       

		         
		    :
		1、     -     /     -     
		2、box-sizing: border-box;

外距離margin:

		    : margin-left
		    : margin-right
		    : margin-top
		    : margin-bottom
		  :
		margin: 30px;              30px
		margin: 20px 50px;      20px,   50px
		margin: 10px 20px 30px 40px;          
		margin: auto;      0，    
		margin: 20px auto;      20px,    

		         ，           ，
		    ： 
		1、       ，overflow：hidden

外枠:border

		   ：border-left
		   ：border-right
		   ：border-top
		   ：border-bottom
		  ：
			border : 10px solid yellow              
		    ：
			solid:   
			dashed:   
			dotted:     
			double:    
			ridge: 3d  
			inset:    

		        
		    :
		1、     -    /     -    
		2、box-sizing: border-box;