CSS盒子模型

Posted

tags:

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

参考技术A 在“CSS盒子模型”理论中,所有页面中的元素都可以看成一个盒子,并且占据着一定的页面空间。

一个页面由很多这样的盒子组成,这些盒子之间会互相影响,因此掌握盒子模型需要从两个方面来理解:一是理解单独一个盒子的内部结构,二是理解多个盒子之间的相互关系。

每个元素都看成一个盒子,盒子模型是由content(内容)、padding(内边距)、margin(外边距)和border(边框)这四个属性组成的。此外,在盒子模型中,还有宽度width和高度height两大辅助性属性。

记住,是所有的元素都可以看出一个盒子!

下图为一个CSS盒子模型的内部结构:

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

CSS中的标准盒子模型和怪异盒子模型

css,关于盒子模型

请简述 css 盒子模型与css怪异盒模型

什么是css盒子模式(框模型)

CSS盒子模型

初学css盒子模型,对于盒子的使用不是很明白,请问这样的盒子布局怎么写?