HTML中margin与padding的区别!(转)
2024-09-03 22:32:39
我们以DIV为一个盒子为例,既然和现实生活中的盒子一样,那我们想一下,生活中的盒子内部是不是空的好用来存放东西,而里面存放东西的区域我们给他起个名字叫“content(内容)”,而盒子的纸壁给他起个名字叫“border(边框)”,如果盒子内部的东西比如是一块硬盘,但是硬盘怕震动,所以我们需要在硬盘的四周盒子的内部均匀填充一些防震材料,这时硬盘和盒子的边框就有了一定的距离了,我们称这部分距离叫“padding(内边距)”,如果我们需要购买许多块硬盘,还是因为硬盘怕震动所以需要在盒子和盒子之间也需要一些防震材料来填充,那么盒子和盒子之间的距离我们称之为"margin(外边距)"
好滴!盒子模型的四要素就出来了分别是:content(内容)、border(边框)、
padding(内边距)、margin(外边距),如下图
我们的页面就是由许许多多的盒子组成的哟~~~,但是和现实生活中的盒子我们会忽
略外边距(margin),但是在页面中,我们是不能忽略外边距(margin)的,只有包括外边距
的盒子模型在CSS 中才是完整的,即使外边距为零,我们也不要忽略它,要知道他是存在的
最新文章
- Cobbler学习之二--Cobbler的Web管理和维护
- Java反射的一些理解
- CodeBlocks VS2015编译环境设置
- os
- Java高效编程之二【对所有对象都通用的方法】
- eclipse workspace出错而导致启动不了
- Codeforces Round #348 (VK Cup 2016 Round 2, Div. 2 Edition) D. Little Artem and Dance
- Java学习笔记之:Java数组
- iOS UIKit:Navigation Controllers
- What qualities characterize a great PhD student
- Javascript中prototype属性
- HDMI中的AVmute是什么功能
- 新购阿里云服务器ECS创建之后无法ssh连接的问题处理
- idea上使用maven入门(二)——本地仓库以及使用maven
- DevExpress v18.2新版亮点——DevExtreme篇(四)
- 【python】re库 正则的一些过滤和把str拆分成list案例 以及json dict类型
- Confluence 6 嵌入的 H2 数据库
- 公众号获取unionid
- sql查询 !='' 和 is not null的区别
- git clone错误 fatal: early EOF fatal: index-pack failed
热门文章
- Java集合概括总结及集合选用
- [2019杭电多校第一场][hdu6578]Blank(dp)
- LCD应用程序测试
- dp(传球)
- Gradle Could not find method leftShift() for arguments
- service worker介绍
- 剑指offer学习读书笔记--二维数组中的查找
- qemu-kvm使用
- Archlinux笔记本安装手记
- window环境下mysql导入sql文件时报错:ERROR: ASCII '\0' appeared in the statement