css使用技巧之CSS框(盒)模型概述

CSS框模型(或称盒模型)Box Model 规定了元素框处理元素内容、内边距、边框和外编辑的方式

元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。

在CSS中,width和height指的是内容区域的宽度和高度。增加内边距、边框、和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。

总结:在网页布局中框模型是一个很重要的概念同时也是基础概念,理解框模型是一个网页前端开发人员必须要了解的内容。

发表评论

电子邮件地址不会被公开。 必填项已用*标注