1 盒模型的改变、组成
2 两种盒模型
核心点:
盒模型:当对一个文档进行布局时,浏览器渲染引擎会根据CSS 基础盒模型(CSS basic box model)标准,将所有元素表示为一个个矩形的盒子。一个盒子由四部分组成
margin
border
padding
content:实际内容,文本或者图片等
盒模型分类
标准盒模型:height和width不会把padding和margin一起计算
盒子总高 = height + padding + border + margin
盒子总宽 = width + padding + border + margin
IE怪异盒模型:height和width会把padding和margin一起计算
盒子总高 = height + margin
盒子总宽 = width + margin
通过box-sizing属性,默认content-box为标准盒模型,border-box为怪异盒模型