CSS学习笔记——表格相关属性

HTML中最繁琐的两个部分，无外乎表格和表单的学习。在table的学习过程中，总是在属性的应用上徘徊尝试。所幸，能到到老师的悉心指导，最终还是成功的做出了蘑菇街的页面。在table的学习过程中，最大的感触便是如果掌握了table的应用，在页面的布局上会更容易上手，甚至可以设计出一个自己风格的布局模板，当然，这里面也少不了CSS的功劳了。

Table表格

定义表格的基本语法： 在 html 文档中，表格是通过<table>,<th>,<tr>,<td>标签来完成的。

表格<table>标签属性

<table>标签的常见属性：

设置分隔线显示状态rules
语法格式：<table rules="值">

表格的边框显示状态frame
表格的边框分别有上边框、下边框、左边框、右边框。这四个边框都可以设置为显示或隐藏状态
语法格式：<table frame="边框显示值">

单元格的设定
<th>和<td>都是插入单元格的标签，这两个标签必须嵌套在<tr>标签内。是成对出现的。<th>用于表 头标签，表头标签一般位于首行或首列，标签之间的内容就是位于该单元格内的标题内容，其中的文字以 粗体居中显示。

设定跨多行多列单元格
要创建跨多行、多列的单元格，只需在<TH>或<TD>中加入 ROWSPAN 或 COLSPAN 属性的属性值， 默认值为 1。表明了表格中要跨越的行或列的个数。 跨多列的语法： <th colspan=#> <td colspan=#>

colspan 表示跨越的列数，例如 colspan=2 表示这一格的宽度为两个列的宽度。 跨多行的语法： <th rowspan=#> <td rowspan=#>

表格的分组
表格的行分组
<thead>/<tbody>/<tfoot>

表格的列分组 ：
html 使用<colgroup>标签来将表格分组。
语法格式：<colgroup span="数值" align="参数">
说明：<colgroup>标签有两个属性，span 和 align, 他们都是可选的。span 属性的值是数字，表示 该组包含的列数，默认值为 1。align 属性用以规定该组所跨列中所有单元格中内容在水平方向上的位置。 该属性的值为 left,center,right 之一。它们表示单元格的内容是左对齐，水平居中还是右对齐。

表格的标题标签
语法格式：
<caption align="值" valign="值" >表哥标题</caption>
<caption>应放在<table>标签内，在表格行标签<tr>标签之前。 <caption>标签的默认属性是标题位于表格的上方中间位置。