margin与padding的区别
今天博主带领大家来学习一下css中margin与padding的区别!大家在使用DIV布局的时候肯定有一些疑问的把hhh
首先是margin:margin是指元素自身的边框,与另外一个元素的界面的距离,比如,两个DIV块之间的距离,这个时候就要使用margin来进行设置了!
设置上边距:margin-top:10px;
设置下边距:margin-bottom:10px;
设置左边距:margin-left:10px;
设置右边距:margin-right:10px;
显而易见,margin处理的是两个不同界域的区域块!
其次,针对于padding!从功能上来说,padding与margin是非常像的,但是他是设置内部元素到区域框之间的距离,间隔的!举个例子大家就很容易明白了!比如,我现在有一个width:500px;height:500px;的DIV的话,里边有张图片,,需要设置图片在DIV中的距离,可以使用padding来实现!
设置上边距:padding-top:10px;
设置下边距:padding-bottom:10px;
设置左边距:padding-left:10px;
设置右边距:padding-right:10px;
DIV中的元素可以是任何东西!比如DIV,文字,图片,SPAN等等!
好了,今天的分享就到这里哦!欢迎小伙伴们留言交流!