文档章节

margin padding 的使用区分

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

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

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

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

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

 

 

© 著作权归作者所有

共有 人打赏支持
落叶伴长风
粉丝 0
博文 61
码字总数 7974
作品 0
南昌
程序员
私信 提问
padding 和margin区别

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

蚂蚁上树-遥望天空
2015/09/09
69
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
盒子模型(Box Model)

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

阿豪的girl
2018/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
前端开发笔记(4)css基础(下)

标签定位 相对定位 相对定位是用来微调元素位置的,让元素相对于原来的位置进行调整。 绝对定位 绝对定位比相对定位更灵活 绝对定位脱离标准流:绝对定位的盒子,是脱离标准文档流的。所以,...

lxq_xsyu
2016/11/24
0
0

没有更多内容

加载失败,请刷新页面

加载更多

IDE 插件新版本发布,开发效率 “biu” 起来了

近日,Cloud Toolkit正式推出了面向 IntelliJ 和 Eclipse 两个平台的新款插件,本文挑选了其中三个重大特性进行解读,点击文末官网跳转链接,可查看详细的版本说明。 本地应用一键部署到任何...

阿里云官方博客
22分钟前
1
0
我是怎样和Linux系统结缘并通过红帽RHCE认证的

我高考完当时就是选择的计算机科学与技术专业,上大学以后联想到的和计算机相关的就只有写代码,开发,网站,网页设计,就没有其他的了,当时学习写代码也都是在Windows上,什么C#、C++之类的...

linuxprobe16
23分钟前
0
0
Coding and Paper Letter(四十四)

资源整理。 1 Coding: 1.Rstudio2019年会“机器学习应用”的幻灯片,代码和数据 rstudio conf 2019 2.R语言包sparkxgb,Spark上XGBoost的R接口。 sparkxgb 3.自动SQL注入和数据库接管工具。 ...

胖胖雕
55分钟前
3
0
Ubuntu最新的主要操作系统放弃32位支持?

现在是2018年,2019年即将到来——64位处理器已经成为主流很长一段时间了。如果你仍然使用32位的电脑,那么是时候把它扔进垃圾箱了。 我为所有基于Linux的操作系统维护者感到自豪,他们有勇气...

Linux就该这么学
56分钟前
2
0
Fundebug发布Vue插件,简化BUG监控接入代码

摘要: 代码越短越好! 我们发布了fundebug-vue插件,可以简化Vue框架接入Fundebug的代码。 Vue如何接入Fundebug 1. 安装fundebug-javascript与fundebug-vue npm install fundebug-javascrip...

Fundebug
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部