[HTML表格]4.课程总结

1.表格进行布局

1)不需要设置border
2)尽量少的使用表格嵌套(维护成本高)
3)尽量少的使用跨行跨列(维护成本高)

2.em单位的理解

1)如果元素自身设置了font-size，那么参考文本大小就是自身的font-size大小，例如2em=2*文本大小

2)如果元素自身没有设置font-size，那么参考文本大小就是父元素的font-size大小
为元素设置font-size时，如果使用em作为单位，那么参考文本大小是父元素的font-size大小

3.数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等

4.<colgroup>定义表格列的组 <col>定义表格列的属性

举例：
<colgroup span="3" valign="top"></colgroup>
代表这个列组包含3列,3列都是垂直向上。
若列组中还需要细化设置,可在列组中使用<col></col>。

5.表格辅助资料补充

1)background-表格的背景图(td也有此属性)
2)bordercolor-表格的边框颜色
3)bordercolorlight-表格的左上边框颜色
4)bordercolordark-表格的右下边框颜色
5)border-style-表格边框样式(style="border-style:groove;")
6)设置一行中第一个单元格的宽度或高度即可,后续单元格会自觉与第一个保持相同。
7)一般我们会同时设置table的总宽度以及内部单元格的宽度,table的属性宽度是向内宽度,不影响总体宽度。