HTML-css-2020/07/13（6）

布局

1.文档流（网页最底层）所有元素默认在文档流中
块元素在文档流中（默认）独占一行
行内元素<span>不会独占一行
2.盒模型
css把所有元素都设置为矩形盒子

	内容区  (content)   //大小由width height决定
	内边距 (padding)
	边框  (border)       //三个属性
					    1.border-width
							//顺时针4个值
							border-top(bottom,right,left)-width
							//某一个
						2.border-color//如果不设置就是color(背景色)
						3.border-style      //solid实线边框
											//sotted 点状虚线
											//dashed线状虚线
											//double双线
	外边距 (margin)

border简设置 border-top:none;(不设置）
同样适用于border-top……

3.内边距

内边距：颜色默认背景颜色background-color
		padding-right
		简写padding 10px 20px 30px 10px;

盒子大小指的是内容区+内边距+边框
4.外边距（不影响盒子可见大小）

margin-top：100px         //上边距（可以设置负值，反向移动）
                          //设置左上外边距盒子会移动；右下其他盒子移动可以简写4个方向的外边距

影响实际盒子占的大小