html表格

表格是最传统的布局方式，现在表格多用来做数据收集。

表格最基本的组成

标题 表头  单元格行、列 

<table>

<caption>

<tr>

<th></th>

<td></td>

</tr>

<caption>

<table>

介绍几个小知识

1.table的行高是整个表的高度，而table的宽度设置是每个单元格的宽度。

2.每个单元格之间是有一条缝隙的，在设置颜色和边框后能够明显看出来，选择属性boder-collapse：collapse可以合并单元格。boder-spacing属性则可以设置每个单元格的距离。

3.想对列成组的样式设置，可以使用标签<colgroup>和<cols>(单列属性设置）<span>标签 <colgroup  span="3"  class="one"> 即前三列使用类名one的样式      而<cols  class="one>可以单独对应设置每列的样式表。

4.通过使用标签<thead><tbody><tfoot>来定义表格发的每一部分，将更加方便代码的编辑。

5.单元格的长度会所着文本的长度而改变，可以使用属性table-layout：fixed  放置在table的样式表中来固定，这样达到设置宽度后就会自动换行。

6:caption-side  设置标题位置

7empty-cells  设置空单元格是否显示