千峰逆战班学习第七天什么是盒模型
我在千峰逆战班学习到第七天接触到了盒模型,学习结束之后知道了什么是盒模型,学会了盒模型的用法
盒模型是css的基石,控制元素和元素元素与内容之间的关系。它规定网页里的元素怎么显示及元素之间的关系。
我们可以理解为所有元素都套着一个盒子空间,盒子里面就是内容区域,填充区域,盒子的变框,盒子外边界区域组成。如下
我们能用他用作控制元素与元素距离写法如下
Padding-top:*px上填充
Padding-right:*px右填充
左、下写法如上
Margin-top:*px上边界
Margin-right:*px右边界
左、下写法如上
我们在使用中应注意margin是可以写负值的但是padding不行
如使用margin:0 auto可实现水平居中