🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## **CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。** * [ ] 盒子包含哪些属性名,在网页设计中常说的有俩种叫法: 1.内容(content)、填充(padding)、边框(border)、边界(margin) 2.网页元素(content)、 内边距(padding)、边框(border)、外边距(margin) 盒子模型就是布局网页的一种手段具备这些属性外还包括宽(width)、高(height)等元素。 :-: ![](https://box.kancloud.cn/03138d20f269829bd9b1e9146c459fe4_362x343.png)   这些属性可以把它转移到日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些属性,所以叫它盒子模式。 :-: ![](https://box.kancloud.cn/1b0a9867a07929d2252ca716ee29fb0b_430x393.jpg) * [ ] 每个盒子都有:边界、边框、填充、内容四个属性;   每个属性都包括四个部分:上、右、下、左;这四部分可同时设置,也可分别设置;里的内容厚度,而边框有大小和颜色之分,又可以理解为生活中所见盒子的厚度以及这个盒子是用什么颜色材料做成的,边界就是该盒子与其它东西要保留多大距离。 :-: ![](https://box.kancloud.cn/a9326fa47fae6ec1249082e3e84c4385_433x285.png)