父子元素html

html

1.当子元素设置上外间距的，此时子元素与父元素不会产生上外间距，上外间距会叠加给父元素
	2.当子元素和父元素都有上外间距时，
	原因：
	父元素和子元素公用一个上外边距区域，子元素与父元素还是不会产生上外间距，此时父元素的上外间距的取值：
	子元素与父元素上外间距的值一样大，取当前值
	子元素与父元素上外间距的值不一样大，取最大值
	解决方法：
	1.给父元素设置overflow：hidden
	2.给父元素设置上内填充或者上边框
	3.规避margin,巧用padding

围绕着内容和padding的一条线
	/* border:宽度 线型 颜色 */
	单独：
	border-top:宽度 线型 颜色;
	border-bottom:宽度 线型 颜色;
	border-right:宽度 线型 颜色;
	border-left:宽度 线型 颜色;
	border-width:
	px
	border-style:
	solid:实线
	dashed:虚线
	double: 双实线
	dotted: 点状线
	没有边框：none
	border-color:
	reg
	#000
	rgb
	rgba
	复合：
	border:宽度 线型 颜色