CSS——display属性

div,span
		{
			background-color: #00aaee;
			border: 1px #666 solid;
		 }
		 
		div{display: inline;}
		/*使块级元素变为内联元素 就不能设置宽高了,同时也没有上下外边距，但可以设置左右margin*/
		
		span{display: block;}
		/*使行内元素变成块级元素*/
		
		.yc{display: none;}
		/*none为设置隐藏元素*/
		  
		/*如何显现呢？可以这样*/
		a:hover span{display: inline;}

none
此元素不会被显示。

block
此元素将显示为块级元素，此元素前后会带有换行符。

inline
默认。此元素会被显示为内联元素，元素前后没有换行符。

inline-block
行内块元素。（CSS2.1 新增的值）

list-item
此元素会作为列表显示。

run-in
此元素会根据上下文作为块级元素或内联元素显示。

table
此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。

inline-table
此元素会作为内联表格来显示（类似 <table>），表格前后没有换行符。

table-row-group
此元素会作为一个或多个行的分组来显示（类似 <tbody>）。

table-header-group
此元素会作为一个或多个行的分组来显示（类似 <thead>）。

table-footer-group
此元素会作为一个或多个行的分组来显示（类似 <tfoot>）。

table-row
此元素会作为一个表格行显示（类似 <tr>）。

table-column-group
此元素会作为一个或多个列的分组来显示（类似 <colgroup>）。

table-column
此元素会作为一个单元格列显示（类似 <col>）

table-cell
此元素会作为一个表格单元格显示（类似 <td> 和 <th>）

table-caption
此元素会作为一个表格标题显示（类似 <caption>）

inherit
规定应该从父元素继承 display 属性的值。

flex
响应式布局会用到