table标签

在写正文之前，我要说一下上次周考掉进的坑。
１.就是background:color | url | background-repeat | background-position，这几个值在背景的简写中位置是可以任意调换的，还有一个就是background-size，老师的说法是这个不能一起简写到里面，要另起开写，之后同学们的说法是可以这样简写background: color | url | background-repeat | background-position/background-size;经检验这样写也能实现出来。

２.还有就是每当学一个新标签或新知识点的时候，一定要总结它的默认样式默认设置。例如问float的值都有哪些，之前考过无数次，都被我忽视了，所以这次又错了。。。下面来正名，float: left | none | right |unset |inherit |initial，当然后三个不经常用，给的错误选项有normal | all。

###table标签

• 表格标签是双标签display:table;。
• 它是一个组合标签，支持属性width | height | border设置。
• 还有border-collapse:separate | collapse;这两个值是用来设置表格边框和单元格边框的状态的，前者有间距，后者是合并边框之间的间距，border-spacing:0;是设置边框的粗细值的。

• 表格还可以进行单元格合并，竖向合并、跨行合并用rowspan=跨的行数；横向合并、跨列合并用colspan=合并的列数；
  如下面所示
  <table>

  <tr>
       <th></th>
       <td></td>
       <td></td>
  </tr>
  <tr>
       <th></th>
       <td></td>
       <td></td>
  </tr>
  

  </table>

<tr></tr>标签是行标签，display:table-row;没有什么默认样式，不支持宽高的设置。
<th></th>and<td></td>这两个标签都是display:table-cell;都是单元格，都可以设置宽高样式的设置以及宽高属性的设置，还有border属性样式的设置。

###th标签
表格里的表头标签，它的默认样式是text-align:center;vertical-align:middle;padding:1px;所以表头里的元素是上下左右居中的，可以自适应table的宽高，都支持宽高属性还有border属性的设置。

###td标签
表格的单元格，其与表头标签不同的是没有text-align:center;它的内容都是默认左边对齐的，可以手动添加text-align:center;都支持宽高属性还有border属性的设置。

###总结
我们利用这个组合标签来实现图片在容器中的上下左右居中。