文档章节

margin padding 的使用区分

落叶伴长风
 落叶伴长风
发布于 2016/12/08 10:19
字数 184
阅读 5
收藏 0
点赞 0
评论 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
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
CSS(一) CSS背景

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

年少爱追梦
2016/06/08
45
0
前端开发笔记(4)css基础(下)

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

lxq_xsyu
2016/11/24
0
0
react-native 之布局篇

宽度单位和像素密度 react的宽度不支持百分比,设置宽度时不需要带单位 , 那么10代表的具体宽度是多少呢? 不知道是官网文档不全还是我眼瞎,反正是没找到,那做一个实验自己找吧: var Di...

Jack088
2016/01/06
429
0
图解CSS的padding,margin,border属性

图解CSS的padding,margin,border属性(详细介绍及举例说明) 图解CSS的padding,margin,border属性 W3C 组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的...

巴顿
2013/09/05
0
0
css中width:auto和width:100%的区别是什么

一、width:auto 1、块级元素默认的宽度值,意味着浏览器会自己选择一个合适的宽度值。 2、内容的宽度='margin-left' + 'border-left-width' + 'padding-left' + 'width' +'padding-right' ...

学习也休闲
2015/09/12
1K
0
留白在网页设计当中的运用

早在小编上大学就喜欢日本简约的设计风格,从田中一光到现在的原研哉,他们一点点的将日本设计带向了全世界。现在大家说的日式风大都是简约风格,这样设计风格最近几年也一直被推崇着。 日本...

尹公子
2017/03/20
155
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

idea tomcat 远程调试

tomcat 配置 编辑文件${tomcat_home}/bin/catalina.sh,在文件开头添加如下代码。    CATALINA_OPTS="-Xdebug -Xrunjdwp:transport=dt_socket,server=y,suspend=n,address=7829" Idea端配......

qwfys
今天
1
0
遍历目录下的文件每250M打包一个文件

#!/usr/bin/env python # -*- utf-8 -*- # @Time : 2018/7/20 0020 下午 10:16 # @Author : 陈元 # @Email : abcmeabc@163.com # @file : tarFile.py import os import tarfile import thr......

寻爱的小草
今天
1
0
expect同步文件&expect指定host和要同步的文件&构建文件分发系统&批量远程执行命令

20.31 expect脚本同步文件 expect通过与rsync结合,可以在一台机器上把文件自动同步到多台机器上 编写脚本 [root@linux-5 ~]# cd /usr/local/sbin[root@linux-5 sbin]# vim 4.expect#!/...

影夜Linux
今天
1
0
SpringBoot | 第九章:Mybatis-plus的集成和使用

前言 本章节开始介绍数据访问方面的相关知识点。对于后端开发者而言,和数据库打交道是每天都在进行的,所以一个好用的ORM框架是很有必要的。目前,绝大部分公司都选择MyBatis框架作为底层数...

oKong
今天
13
0
win10 上安装解压版mysql

1.效果 2. 下载MySQL 压缩版 下载地址: https://downloads.mysql.com/archives/community/ 3. 配置 3.1 将下载的文件解压到合适的位置 我最终将myql文件 放在:D:\develop\mysql 最终放的位...

Lucky_Me
今天
2
0
linux服务器修改mtu值优化cpu

一、jumbo frames 相关 1、什么是jumbo frames Jumbo frames 是指比标准Ethernet Frames长的frame,即比1518/1522 bit大的frames,Jumbo frame的大小是每个设备厂商规定的,不属于IEEE标准;...

问题终结者
今天
2
0
expect脚本同步文件expect脚本指定host和要同步的文件 构建文件分发系统批量远程执行命令

expect脚本同步文件 在一台机器上把文件同步到多台机器上 自动同步文件 vim 4.expect [root@yong-01 sbin]# vim 4.expect#!/usr/bin/expectset passwd "20655739"spawn rsync -av ro...

lyy549745
今天
1
0
36.rsync下 日志 screen

10.32/10.33 rsync通过服务同步 10.34 linux系统日志 10.35 screen工具 10.32/10.33 rsync通过服务同步: rsync还可以通过服务的方式同步。那需要开启一个服务,他的架构是cs架构,客户端服务...

王鑫linux
今天
1
0
matplotlib 保存图片时的参数

简单绘图 import matplotlib.pyplot as pltplt.plot(range(10)) 保存为csv格式,放大后依然很清晰 plt.savefig('t1.svg') 普通保存放大后会有点模糊文件大小20多k plt.savefig('t5.p...

阿豪boy
今天
3
0
java 8 复合Lambda 表达式

comparator 比较器复合 //排序Comparator.comparing(Apple::getWeight);List<Apple> list = Stream.of(new Apple(1, "a"), new Apple(2, "b"), new Apple(3, "c")) .collect(......

Canaan_
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部