什么是内边距和外边距?

Posted 北门吹雪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了什么是内边距和外边距?相关的知识,希望对你有一定的参考价值。

外边距: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 其中对于一种

以上是关于什么是内边距和外边距?的主要内容,如果未能解决你的问题,请参考以下文章

CSS 框模型

CSS样式里外边距怎么写的

关于css盒子边框、内边距、外边距

html所有关于内边距外边距的标签属性

css内边距问题,关于使用padding后容器被撑开

【css】内边距padding的属性和使用方法