margin padding border
来源:互联网 发布:安捷伦数据采集仪电池 编辑:程序博客网 时间:2024/06/08 15:22
我们以DIV为一个盒子为例,既然和现实生活中的盒子一样,那我们想一下,生活中的盒子内部是不是空的好用来存放东西,而里面存放东西的区域我们给他起个名字叫“content(内容)”,而盒子的纸壁给他起个名字叫“border(边框)”,如果盒子内部的东西比如是一块硬盘,但是硬盘怕震动,所以我们需要在硬盘的四周盒子的内部均匀填充一些防震材料,这时硬盘和盒子的边框就有了一定的距离了,我们称这部分距离叫“padding(内边距)”,如果我们需要购买许多块硬盘,还是因为硬盘怕震动所以需要在盒子和盒子之间也需要一些防震材料来填充,那么盒子和盒子之间的距离我们称之为"margin(外边距)"
好滴!盒子模型的四要素就出来了分别是:content(内容)、border(边框)、
padding(内边距)、margin(外边距),如下图
我们的页面就是由许许多多的盒子组成的哟~~~,但是和现实生活中的盒子我们会忽
略外边距(margin),但是在页面中,我们是不能忽略外边距(margin)的,只有包括外边距
的盒子模型在CSS 中才是完整的,即使外边距为零,我们也不要忽略它,要知道他是存在的
0 0
- 关于margin ,padding ,border
- margin,border,padding,content
- padding,margin,border
- CSS Border & Padding & Margin
- Margin-Border-Padding
- outline padding margin border
- margin、border、Padding
- CSS padding margin border
- margin padding border
- CSS-border,padding,margin
- CSS:margin,border,padding
- margin,border,padding
- padding,margin,border的区别
- border、margin、padding、elelment -- CSS
- padding border margin综合示意图
- padding,border,margin的区别
- 第八章 padding border margin
- Margin、Border、Padding、Content详解
- UVALive 4654 (最小路径覆盖)
- mysql编程(存储过程和触发器)
- Tomcat下载、安装、以及配置
- 内联汇编
- 墙相对移动
- margin padding border
- 让EditText不能自动获取焦点
- 使用javac编译Servlet类的方法
- 购物车项目(五)——编写CartServlet类
- R语言-向量化操作(apply、tapply、lapply、sapply、mapply、table等)
- JAVA基础(一)
- Spark数据分析之第5课
- boostrap
- shared element