网站建设内边距和外边距怎么理解

时间：2019-4-23

      网站建设的时候内边距和外边距怎么理解呢？相信这个问题还是让很多朋友感觉到比较纠结的，因为虽然大家都是对css比较理解了，可是当涉及到这个内边距和外边距的时候，总是有些朋友不知道其具体的含义。当然了css语言现在已经是比较完善了。各方面的设置出现bug的可能性越来越低。但同时也导致设置变得越来越复杂。比如说大家理解内边距和外边距的时候就颇为头疼。下面来给大家用通俗的话介绍一下这个内边距和外边距的情况。
       网站建设的时候不管是内边距还是外边距，主要是针对的一个块级元素来说的。而行级元素一般我们不要去用这个概念，如果你要用的话，要先把行级元素转换成块级元素然后再去用这个概念，这样出错的可能性会更低。比如说一个div我们做了一个长度和宽度，然后就形成了一个框框一样的东西。所谓的外边距就是这个框框以外距离其他元素的距离。比如说我们可以设置margin-top，那么就是这个div的最上边距离上面的那一个元素的最外面的距离。同样的理解我们还可以设置padding-top,那就是这个框框最里面的元素距离这个框框的最上边的距离。这里有一个小技巧给大家分享一下。比如我们在进行布局的时候,可以这么来控制，那就是把默认的内边距全部设置成0。我们只用外边距来进行位置控制，这样就不用去频繁的考虑内边距和外边距的问题，因为你这样频繁的去考虑，反而把自己头都搞晕了。所以以后内边距就基本上不用,仅仅使用外边距来控制。