文档章节

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书写顺序 1.位置属性 (position, top, right, z-index, display, float等)   2.大小 (width, height, padding, margin)   3.文字系列 (font, line-height, letter-spacing, color- t......

Flyes
2017/12/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

70.shell的函数 数组 告警系统需求分析

20.16/20.17 shell中的函数 20.18 shell中的数组 20.19 告警系统需求分析 20.16/20.17 shell中的函数: ~1. 函数就是把一段代码整理到了一个小单元中,并给这个小单元起一个名字,当用到这段...

王鑫linux
34分钟前
0
0
分布式框架spring-session实现session一致性使用问题

前言:项目中使用到spring-session来缓存用户信息,保证服务之间session一致性,但是获取session信息为什么不能再服务层获取? 一、spring-session实现session一致性方式 用户每一次请求都会...

WALK_MAN
56分钟前
3
0
C++ yield()与sleep_for()

C++11 标准库提供了yield()和sleep_for()两个方法。 (1)std::this_thread::yield(): 线程调用该方法时,主动让出CPU,并且不参与CPU的本次调度,从而让其他线程有机会运行。在后续的调度周...

yepanl
今天
3
0
Java并发编程实战(chapter_3)(线程池ThreadPoolExecutor源码分析)

这个系列一直没再写,很多原因,中间经历了换工作,熟悉项目,熟悉新团队等等一系列的事情。并发课题对于Java来说是一个又重要又难的一大块,除非气定神闲、精力满满,否则我本身是不敢随便写...

心中的理想乡
今天
23
0
shell学习之获取用户的输入命令read

在运行脚本的时候,命令行参数是可以传入参数,还有就是在脚本运行过程中需要用户输入参数,比如你想要在脚本运行时问个问题,并等待运行脚本的人来回答。bash shell为此提 供了read命令。 ...

woshixin
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部