web表格

标签

<table>
	<thead></thead>		/*表头，永远在表格的头部*/
	<tbody>		/*表格主体，永远在表格的中部*/
		<tr>		/*表行*/
			<th></th>	/*表头*/
			<td></td>	/*表单元*/
			<td></td>
		<tr>
	</tbody>
	<tfoot></tfoot>		/*表格底部，永远在表格的底部*/
</table>

表格为块级元素
css

width:;
margin:;
border:;
border-spacing:;		/*调节table和td 边框之间的距离*/
border-collapse: collapse;		/*设置表格边框合并，如其设置则border-spacing自动失效*/
colspan:;		/* 设置合并行 */
rowspan:;		/* 设置合并列*/

特殊用法

.clearfix:before,
.clearfix:after{
	content: "";
	display: table;
	clear: both;
}
/*既可以解决高度塌陷，也可以确保父元素和子元素的垂直外边距不会重叠*/