自学内容网 自学内容网

前端八股文 说一下盒模型

网页中任何一个元素都可以视为一个盒子,由里到外,盒模型包括外边界(margin)、边框(border)、内边界(padding)和内容(content)。

盒模型基本分为3种:

  CSS3属性 box-sizing

  1、标准模型 content-box , width = content

  2、IE模型(也就是怪异盒模型) border-box ,width = content + padding + border

  3、padding-box

一般在开发中使用怪异盒模型比较多

思维导图的图示


原文地址:https://blog.csdn.net/Ruiqi8/article/details/140200916

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!