盒子模型

1. 盒子模型的介绍 所谓的盒子模型就是把HTML页面的元素看作一个矩形盒子,矩形盒子是由内容(content)、内边距(padding)、边框(border)、外边距(margin)四部分组成。 盒子模型示意图如下: 2. 盒子模型相关样式属性 盒子的内容宽度(width),注意:不是盒子的宽度 盒子的内容高度(height),注意:不是盒子的高度 盒子的边框(border) 盒子内的内容和边框之间的间距(padding) 盒子与盒子之间的间距(margin) 设置宽高: 设置盒子的宽高,此宽高是指盒子内容的宽高,不是盒子整体宽高 width:200px; /* 设置盒子的宽度,此宽度是