欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

css盒子模型的理解

程序员文章站 2022-07-08 11:41:43
盒子模型是相对于块级元素而言的。 什么是块级元素,具有margin,padding等属性,能够改变大小的的元素。这里就提出一个问题,各种元素之间的区别和联系? 盒子模型的主要属性 width、height、padding、border、margin margin-left ,margin-right ......

盒子模型是相对于块级元素而言的。

         什么是块级元素,具有margin,padding等属性,能够改变大小的的元素。这里就提出一个问题,各种元素之间的区别和联系?

盒子模型的主要属性

width、height、padding、border、margin

margin-left ,margin-right都一样。padding-left,也是类似的。

一张图说明下这五个属性的区别

 css盒子模型的理解