12/25

浏览器默认样式

常规的默认样式（麻烦的）

body{
			margin: 0;
		}
		p{
			margin: 0;
		}
		ul{
			margin: 0;
			padding: 0;
		}

清除浏览器的默认样式（简便的）

*{
				margin: 0;
				padding: 0;
			}

内联元素的盒模型

1.不能设置宽高
2.内边距：支持水平上的内边距和边框
	垂直方向上也支持，但是不影响布局
3.外边距：只支持水平方向，不支持垂直方向上
4.总之，水平方向上的都好使，水平方向上的都不太好使

display和visibility

display：规定元素应该生成的框的类型。
我们不能为行内元素设置width,height,margin-top和margin-bottom
我们可以通过修改display来修改元素的性质

可选值：
display:none：此元素不会被显示（隐藏元素）。
display: block：显示为块级元素，此元素前后会带有换行符。
display:inline：被显示为内联元素，元素前后没有换行符。
display:inline-block：行内块元素

display和visibility的区别？

1.  visibility隐藏的对象还保留对象显示时所占的物理空间，display则不保留。
2. vilibility：hidden(隐藏)、visible(显示) style="vislbility:hidden"
3. display：none(隐藏)、block(显示) style="display:none"