HTML中margin与padding的区别

我们以DIV为一个盒子为例，既然和现实生活中的盒子一样，那我们想一下，生活中的盒子内部是不是空的好用来存放东西，而里面存放东西的区域我们给他起个名字叫“content(内容)”，而盒子的纸壁给他起个名字叫“border(边框)”，如果盒子内部的东西比如是一块硬盘，但是硬盘怕震动，所以我们需要在硬盘的四周盒子的内部均匀填充一些防震材料，这时硬盘和盒子的边框就有了一定的距离了，我们称这部分距离叫“padding(内边距)”，如果我们需要购买许多块硬盘，还是因为硬盘怕震动所以需要在盒子和盒子之间也需要一些防震材料来填充，那么盒子和盒子之间的距离我们称之为"margin(外边距)" 好滴！盒子模型的四要素就出来了分别是：content(内容)、border(边框)、 padding(内边距)、margin(外边距)

我们的页面就是由许许多多的盒子组成的哟~~~，但是和现实生活中的盒子我们会忽 略外边距(margin)，但是在页面中，我们是不能忽略外边距(margin)的，只有包括外边距 的盒子模型在CSS 中才是完整的，即使外边距为零，我们也不要忽略它，要知道他是存在的

本文来源于成都网站建设公司与成都网站设计制作公司-创新互联成都公司！

网页标题：HTML中margin与padding的区别
链接地址：/news39/324289.html

成都网站建设公司_创新互联，为您提供Google、用户体验、关键词优化、小程序开发、自适应网站、网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联