网站建设资讯

NEWS

网站建设资讯

css标准盒子模型是什么

这篇文章给大家分享的是有关css标准盒子模型是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

创新互联公司专业为企业提供泾县网站建设、泾县做网站、泾县网站设计、泾县网站制作等企业网站建设、网页设计与制作、泾县企业网站模板建站服务,十载泾县做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

css盒子模型 又称为框模型(Box Model),包含了元素内容(content)、内边距(padding)、边框(border)、外边距(margin)几个要素。如下图:

css标准盒子模型是什么

图中的内层是content依次是padding border margin。通常我们设置背景时就是内容、内边距、边框这三部分,如果border设置颜色的时候会显示boder颜色当boder颜色是透明时会显示background-color的颜色。而该元素的子元素的是从content开始的。而外边距是透明的,不会遮挡其他元素。

元素框的总宽度=width+padding-left+padding-right+border-left+border-right+margin-left+margin-right;

元素框的总高度=height+padding-top+padding-bottom+border-top+border-bottom+margin-top+margin-bottom;

感谢各位的阅读!关于“css标准盒子模型是什么”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


新闻名称:css标准盒子模型是什么
网站链接:http://cdweb.net/article/godpip.html