CSS内边距和外边距属性

外边距属性用margin;padding属性叫填充,或者也叫内边距;

margin:标签与标签的距离,到包围它的元素的边框的距离;

padding:内边距,用于控制内容与边框之间的距离;
CSS padding(填充)是一个简写属性,定义元素边框与元素内容之间的空间,即上下左右的内边距;

有2个div,


   

   

没有任何边距属性,显示如下;

CSS内边距和外边距属性_第1张图片

里面的div定义了上下左右的外边距,


   

   

    显示如下;

CSS内边距和外边距属性_第2张图片 

里面的div里包含一段文字,

   


AAABBBB
   

CSS内边距和外边距属性_第3张图片 

里面的div定义padding属性,

   


AAABBBB
   

    定义上方padding为30px、其他padding为0,显示如下;

CSS内边距和外边距属性_第4张图片 

 定义了padding之后影响到了div2的大小;下回再研究;





div demo 


 

 
AAABBBB

你可能感兴趣的:(web前端,css,前端,margin,padding)