前端页面中padding,margin,border的一些理解
2018-03-29 11:34
239 查看
之前做前端只是去写一些js,处理一些数据,现在又要开始要设计页面,写div块了,然后捣鼓了一下.
调各个div块的时候真的是日了狗了,一块这出问题,一会那里出问题,烦得要死,对于css小白来说,苍天啊,还是后台好.
调的时候div块最基本的调整我都是用的这几个属性,学艺不精,能搞出来就感觉很不容易了.一起来举个例子,一张大桌子,桌子上有好几个盘子,里面有好几盘菜,矩形的桌子和矩形的盘子你们应该见过吧.margin
设置两个div块(盘子)的距离;在桌子上,这盘菜和那盘菜怎么放,放多远你都可以自己设置.这玩意还分上下左右,比如说上,你可以margin-top : 10px,也可以写成margin : 10px , 0 , 0 , 0
margin后面的参数是按上下左右这样的方位去设置的.
padding
padding是调整子元素(盘子)的位置.盘子距离桌子边近,还是远,你可以自己设置,但是不能超出去,不然会掉下去.设置方法和margin类似.
border
这个比较有意思,如果说,菜多了,桌子上放不下了,咋办,那就把桌子下的延伸版抽出来接上去,也就是说,盘子还是盘子,菜还是菜,都没变,是桌子有大了一圈.写的匆忙,吃饭去了.相关文章推荐
- div入门之盒子模型,边界margin,填充padding,框边border
- 为什么每个前端开发者都要理解页面的渲染?
- 【CSS】padding,border,margin与width宽度的关系
- 移动前端单页面制作的一些思考
- css007 margin padding border
- 移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来。本文整理一些常用的meta标签
- 【CSS3】---盒模型margin、padding及border
- CSS padding margin border属性详解
- css—border, margin, padding-浏览器
- Android关于margin、align、padding等一些常用的属性
- padding margin border 的四值顺序
- CSS padding margin border属性详解
- margin、border和padding之间的区别
- CSS的padding,margin,border属性(
- CSS盒子,line-height,padding,margin,background,border
- border padding margin , the difference among them
- css—border, margin, padding-浏览器
- CSS content、padding、border、margin属性
- 前端页面一些应用
- [原]关于页面超时和会话超时的一些理解