html中关于table的简单介绍合并表格等

表格结构 
tr:table row
th:table head
td:table date
表格完整结构：
table 内3个子级
thead:语义化标签，用来表示表头内容
tbody:语义化标签，用来表示表数据内容
tfoot:语义化标签，用来表示表尾内容
tr    :表示表中的一行
th    :表示每行的单元个体，一般用于表头行，默认样式让文字加粗并居中显示
td    :表示每行中的单元个体，用于存放数据


在不考虑语义化和动态添加便捷性时，表格一般使用最简结构
<table>
<tr><th></th><tr>
<tr><td></td></tr>

</table>

通过table标签的三个行间属性来改变表格样式
border:值没有单位，添加边框
cellspacing :设置单元格之间的距离

cellpadding:设置单元格内容到单元格边界之间的距离

表格样式设置
1.table标签盒子特性：display:table;块级标签的部分属性，独占一行，margin:0 auto;居中，但是不设置
宽度时由内容撑开，盒模型属于怪异盒模型
2.table设置固定宽度后，内部的元素列大小会根据单元格中的内容大小自动分配
3.tr其盒模型只有border和内容，padding和Margin设置无效，一般tr不设置任何样式设置，仅用来进行表格换行
4.td，th,其盒模型不包含Margin，margin设置将无效，一个单元格的宽高决定了该单元格所在的行的行高和所在列的列宽
如果一行上的单元格高度不一致，浏览器最终按最大的高度进行渲染，如果一列上的单元格宽度设置不一致，浏览器最终按最大的宽度
进行列渲染
5.表格布局在使用时采用两种方式都可以，
  5.1：宽度给定，高度由内容撑开，先让内部列宽自定分配，在按照设计图的要求，从左往右依次设置，至少要留一列不设置大小
  5.2：宽度高度均不设置，完全靠内部的th,td撑开，td.th的大小决定整个表格的大小，这时th,td的大小都可以自定义


  通常我们都将table的border-collapse属性的值设置成collapse;保证边框坍塌

  th.td设置vertial时整体的盒子一起移动
  给box设置时vertial时th,td里面的内容移动