盒子模型

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了盒子模型相关的知识,希望对你有一定的参考价值。

 盒子模型的比喻:一个鸡蛋放在盒子里

鸡蛋肯定无法充满盒子,鸡蛋与盒子之间的空隙叫做margin留白

鸡蛋皮叫border,边界,边界是可以有厚度的,是可以有颜色的

鸡蛋皮里面就是鸡蛋清,鸡蛋清就是padding,衬垫,像海绵一样,向母亲的羊水一样保护着里面的鸡蛋黄

鸡蛋黄是核心,是事物的本身

backgroud-color:鸡蛋清和鸡蛋黄,也就是鸡蛋皮里面的东西

color:简单黄里面的文本颜色

width,height:鸡蛋黄的宽度高度

innerWidth,innerHeight:鸡蛋皮内侧的宽度高度

outerWidth,outerHeight:鸡蛋皮外侧的宽度高度

鸡蛋皮是有厚度的,是有颜色的

以上是关于盒子模型的主要内容,如果未能解决你的问题,请参考以下文章

IE盒子模型和标准W3C盒子模型

CSS盒子模型

CSS盒子模型

盒子模型

cssIE盒子模型和标准W3C盒子模型

W3C的盒子模型和IE的盒子模型