盒子模型

盒子模型

网页上的每一个标签都是一个盒子

每个盒子都有四个属性

• 内容（content）
  
  盒子里装的东西
  网页中通常是指文字和图片

• 填充（padding，内边距）
  
  怕盒子里装的（贵重的）东西损坏，而添加的泡沫或者其它抗震的辅料

• 边框（border）：盒子本身

• 边界（margin，外边距）
  
  盒子摆放的时候的不能全部堆在一起，盒子之间要留一定空隙保持通风， 同时也为了方便取出
  
  [图片上传失败...(image-60790c-1513748065468)]
  
  

标准盒子模型

nonboxModel.png

内容（content） – 属性

box.png

box.png

填充（padding，内边距） – 属性

3.png

1.png

2.png