说一说盒模型?
得分点:标准盒模型、怪异盒模型、box-sizing:border-box、盒模型大小。
回答:CSS盒模型定义了盒的每个部分,包含:margin,border,padding,content。根据盒子大小的计算方式不同,盒模型分成了两种,标准盒模型和怪异盒模型。
标准盒模型,给盒设置width和height,实际设置的是content box。padding和border再加上设置的宽高一起决定整个盒子的大小。
怪异盒模型,给盒设置width和height,包含了padding和border,设置的width和height就是盒子实际的大小。
默认情况下,盒模型都是标准盒模型。