首页 > 代码库 > 什么是内边距和外边距?

什么是内边距和外边距?

外边距:margin

内边距:padding

padding和margin的区别?

  对于一个标签来说,

      padding增加自己的内边距,在原来的基础上往外扩充,

        扩充的部分应用自己的样式,把自己扩大了

      margin增加自己的外边距,在原来的基础上增加往外扩充,

        应用父标签的样式,自己原来的大小样式不变

      padding:统一设

        padding:top right bottom left

      padding:上下 左右

        (分别对应一个,4个,2个参数)

      margin和padding一致

如何逻辑整理?

  1. padding 扩充自己区域,占用父标签区域,扩充部分应用自己的样式,改变自己大小
  2. margin 扩充自己区域,占用父标签区域,扩充部分应用父标签的样式,保持自己大小不变
  3. 不写具体的参数属性,参数个数为 1,2,4 其中对于一种

什么是内边距和外边距?