盒模型是什么

来源:13-1 CSS3的布局 - css布局模型

迷茫的小松鼠

2016-11-03 15:58

盒模型有什么用

写回答 关注

3回答

  • 老天赐予我一份好工作
    2016-11-03 16:22:12
    已采纳

    盒模型其实就是一个框,这个框是用来装你要写的元素。这个框可以调节大小:宽用width,高用height;可以调节边框的大小和颜色:用border;可以调节元素与边框的间距:padding-top,padding-right,padding-bottom,padding-left;可以调节边框与其他元素的间距:margin-top,margin-right,margin-bottom,margin-left;以及设置背景颜色:background,等等。

  • 云萧飞宇
    2016-11-03 16:09:40

    块级元素的属性margin border padding

    组件到边框的距离

    边框的宽度

    边框到另外组件的距离

  • 黑猫党
    2016-11-03 16:08:07

    什么是盒模型?

    花朵_ico...

    之所以叫盒模型,是因为网页上的元素基本都是一些方方正正的很像一个个盒子,因此形象的称为盒模型。盒模型分为两种:分别是W3C标准盒模型和IE盒模型。它们都包括margin(外边距)、border(边框)、padding(内边距)、content(内容)这五个部分。不同之处在于IE盒模型中content部分包括了border和padding。也就是说IE盒模型的高度=2*margin+content.height,而W3C标准盒模型的高度=2*margin+2*border+2*padding+content.height。宽度也是一样的。

    2016-11-03 17:10:00

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225806 学习 · 18234 问题

查看课程

相似问题