CSS中框模型是什么

小编给大家分享一下CSS中框模型是什么，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

CSS 框模型概述

元素框的最内一小部分是实际的内容，直接解围模式的是内边距。内边距呈现了元素的后援。内边距的边际是边框。边框以外是外边距，外边距默许是透亮的，因此不会遮挡厥后的任何元素。

暗指：配景运用于由形式和内边距、边框构成的地区。

内边距、边框与外边距都是可选的，默认值是零。可是，许多元素将由用户署理格式表设置外边距和内边距。兴许通过将元素的 margin 与 padding 设置为零来覆盖这些浏览器款式。这能够别离进行，也兴许使用通用决意器对所有元素进行设置装备摆设：

* {
  margin: 0;
  padding: 0;
}

在 CSS 中，width 和 height 指的是内容周边的宽度和高度。增长内边距、边框与外边距不会影响内容地区的尺寸，然则会增加元素框的总尺寸。

若是框的每一个边上有 10 个像素的外边距与 5 个像素的内边距。如果但愿这个元素框抵达 100 个像素，就紧要将内容的宽度设置为 70 像素，请看下图：

#box {
  width: 70px;
  margin: 10px;
  padding: 5px;
}

暗示：内边距、边框与外边距能够使用于一个元素的悉数边，也或许运用于径自的边。

默示：外边距或者是负值，何况在很多状况下都要使用负值的外边距。

以上是“CSS中框模型是什么”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！