发表于： 2018-08-02 23:01:08
1 563
一、今天完成的事情: 盒子模型
二、明天计划的事情:再继续研究盒子
三、遇到的问题
四、收获
盒子模型分为标准盒子和ie盒子
标准盒子和ie盒子均由四个元素组成
Margin（外边距）清除边框区域。Margin没有背景颜色，它是完全透明
Border（边框）边框周围的填充和内容。边框是受到盒子的背景颜色影响
Padding（内边距）清除内容周围的区域。会受到框中填充的背景颜色影响
Content（内容）盒子的内容，显示文本和图像
标准盒子的宽度高度属性为
总元素的高度=Content（内容）+上下Padding（内边距）+上下Border（边框）+上下Margin（外边距）
总元素的宽度=Content（内容）+左右Padding（内边距）+左右Border（边框）+左右Margin（外边距）
ie盒子的宽度高度属性为
总元素的高度=Content（内容）+上下Padding（内边距）+上下Border（边框）
总元素的宽度=Content（内容）+左右Padding（内边距）+左右Border（边框）
ie盒子不计算Margin（外边距）
返回列表
评论