前端页面中padding,margin,border的一些理解

之前做前端只是去写一些js,处理一些数据,现在又要开始要设计页面,写div块了,然后捣鼓了一下.
调各个div块的时候真的是日了狗了,一块这出问题,一会那里出问题,烦得要死,对于css小白来说,苍天啊,还是后台好.

调的时候div块最基本的调整我都是用的这几个属性,学艺不精,能搞出来就感觉很不容易了.

一起来举个例子,一张大桌子,桌子上有好几个盘子,里面有好几盘菜,矩形的桌子和矩形的盘子你们应该见过吧.

margin

设置两个div块(盘子)的距离；

在桌子上,这盘菜和那盘菜怎么放,放多远你都可以自己设置.

这玩意还分上下左右,比如说上,你可以margin-top : 10px,也可以写成margin : 10px , 0 , 0 , 0

margin后面的参数是按上下左右这样的方位去设置的.

padding

padding是调整子元素(盘子)的位置.

盘子距离桌子边近,还是远,你可以自己设置,但是不能超出去,不然会掉下去.设置方法和margin类似.

border

这个比较有意思,如果说,菜多了,桌子上放不下了,咋办,那就把桌子下的延伸版抽出来接上去,也就是说,盘子还是盘子,菜还是菜,都没变,是桌子有大了一圈.

写的匆忙,吃饭去了.