display 属性

设置元素显示或者隐藏的样式

display 设置元素显示或者隐藏的样式
值
block： 把设置该属性的标签转化为具有块元素一切属性的元素
inline： 把设置该属性的标签转化为具有行元素一切属性的元素
inline-block： 把设置该属性的标签，对外显示行元素的特征，对内显示块元素的特征，因此设置了该属性的标签，又叫行内块元素
none： 隐藏元素，他所隐藏的的元素不占据页面空间
visibility： hidden 隐藏元素，但是位置还在
display： none 隐藏元素，位置不保留

		<span style="display: none;height: 200px;width: 200px;border: 1px #000000 solid;" >国际分工</span>
		<span style="display:;height: 200px;width: 200px;border: 1px #000000 solid;" >国际分工</span>
		<div style="display: inline;height: 200px ;width: 200px;border: 1px #000000 solid;">黑猫警长</div>
		<!--
			华丽丽的分割线
		-->
		<hr />
		<div style="display: inline-block;height: 100px;width: 100px;border: #000000 1px solid;visibility: visible;">
			
		</div>
		<div style="display: inline-block;height: 100px;width: 100px;border: #000000 1px solid;visibility: hidden;">
			
		</div>
		<div style="display: inline-block;height: 100px;width: 100px;border: #000000 1px solid;">
			
		</div>