文档章节

margin padding 的使用区分

落叶伴长风
 落叶伴长风
发布于 2016/12/08 10:19
字数 184
阅读 5
收藏 0

1. 什么时候用margin, 什么时候适用padding?

答: 我觉得对于这个问题可能很多人比较蛋疼,其实没什么复杂,有时候效果差不多。但是对于编程人员来讲,编程必须是件精益求精的事情,所以我们心中必须有一个衡量标准。而我的区分法则是:

margin: 用于块级元素布局,因为他的作用组要的坐border外的间隔

padding: 用于行内元素的补白,因为行内元素主要以文字为主,而文字需要呼吸距离,这个时候用padding留白恰到好处,即使不填充颜色,心中也自有一杆称!

 

 

© 著作权归作者所有

共有 人打赏支持
落叶伴长风
粉丝 0
博文 61
码字总数 7974
作品 0
南昌
程序员
私信 提问
css样式表的先后顺序

CSS书写顺序 位置属性(position, top, right, z-index, display, float等) 大小(width, height, padding, margin) 文字系列(font, line-height, letter-spacing, color- text-align等) 背景(......

省委书记沙瑞金
2016/03/17
94
0
padding 和margin区别

原来总是对padding和margin的概念很模糊,今天就以一个小例子区分下这两者 这样对于这两者就有一个很清楚的区分了 此处的padding 相当与中间的元素和外面的border的间距...

蚂蚁上树-遥望天空
2015/09/09
69
0
盒子模型(Box Model)

一、背景 就像玩积木,可以随意的摆放想要的效果。 来看张图,体会下盒子模型。 其实。所有的标签都会生成一个矩形框(给它添加一个背景色就会看到),称为元素框(element box),它描述了一...

阿豪的girl
08/06
0
0
CSS注意事项(二)

选择器 标签选择器(学会灵活应用) 单个标签 直接使用标签名 多个标签 复杂选择器 div p 选择div内部的所有p元素 div > p 父元素为div的所有p元素 li + li 紧接在li之后的li元素 p ~ ul 选择前...

ShirlyK
2016/08/27
8
0
CSS(一) CSS背景

CSS背景 ---------- 既有css3之前的用法也有css3的用法,没有区分出来哈,我想要速成就没有管这个。 CSS设置背景颜色:属性background-color,这个属性的作用范围是,background-color 属性为...

年少爱追梦
2016/06/08
45
0

没有更多内容

加载失败,请刷新页面

加载更多

MariaDB 服务器在 MySQL Workbench 备份数据的时候出错如何解决

服务器是运行在 MariaDB 10.2 上面的,在使用 MySQL Workbench 出现错误: mysqldump: Couldn't execute 'SELECT COLUMN_NAME, JSON_EXTRACT(HISTOGRAM, '$."number-of-buckets-specified"'......

honeymose
今天
3
0
apache顶级项目(二) - B~C

apache顶级项目(二) - B~C https://www.apache.org/ Bahir Apache Bahir provides extensions to multiple distributed analytic platforms, extending their reach with a diversity of s......

晨猫
今天
6
0
day152-2018-11-19-英语流利阅读

“超级食物”竟然是营销噱头? Daniel 2018-11-19 1.今日导读 近几年来,超级食物 superfoods 开始逐渐走红。不难发现,越来越多的轻食餐厅也在不断推出以超级食物为主打食材的健康料理,像是...

飞鱼说编程
今天
13
0
SpringBoot源码:启动过程分析(二)

接着上篇继续分析 SpringBoot 的启动过程。 SpringBoot的版本为:2.1.0 release,最新版本。 一.时序图 一样的,我们先把时序图贴上来,方便理解: 二.源码分析 回顾一下,前面我们分析到了下...

Jacktanger
昨天
4
0
Apache防盗链配置,Directory访问控制,FilesMatch进行访问控制

防盗链配置 通过限制referer来实现防盗链的功能 配置前,使用curl -e 指定referer [root@test-a test-webroot]# curl -e "http://www.test.com/1.html" -x127.0.0.1:80 "www.test.com/1.jpg......

野雪球
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部