今天完成的事：

完成职业页面的布局，通过使用table表格标签对每个表格进行布局，刚开始做的时候没办法创建单元格不一样的表格，

给其中一个单元格设宽度，所有会按最宽的单元格计算宽度，给别的单元格设置了不一样宽度也没用，经师兄指点可以把一个

表格拆分开来，用几个表格拼凑在一起制作成一个表格。

明天计划的事：

添加3D动画效果，上传GitHub，完成任务8，进入下一个任务。

遇到的问题：

刚开始没思路，没办法创建一个覆盖表格的盒子，后来我通过在包裹表格的DIV下面创建一个DIV设置定位属性

创建出来，能覆盖表格的DIV，对动画效果的属性知识点还不太清楚。

收获：

了解了制作表格使用方法和语法

1. 标题和内容描述  表格的标题用caption标签表示，它会自动出现在整张表格的上方。  除了标题以外，对内容的更长描述可以写在table标签的summary属性中。

2. 表头和表尾  从结构上看，表格可以分成表头、主体和表尾三部分，在HTML语言中分别用thead、tbody、tfoot表示。

这里有三个注意点：  1）thead和tfoot在一张表中都只能有一个，而tbody可以有多个。  2）tfoot必须出现在tbody前面，这样浏览器在接收主体数据之前，就能渲染表尾，有利于加快表格的显示速度。这一点对大型表格尤其重要。  3）thead、tbody和tfoot里面都必须使用tr标签。

3. 列的分组

  tbody可以用来对"行"进行分组，而colgroup则用来对"列"进行分组。

span属性，可以指定colgroup标签能够影响到的列数。  在colgroup标签内部，可以使用col标签为这一列组中的每一列指定属性。

4. CSS中的table-layout语句 

 这个语句可以用来指定表格显示的样式，比如  table { table-layout: fixed }  它可以取三个值：  * auto（缺省） * fixed * inherit  auto表示单元格的大小由内容决定。fixed表示单元格的大小是固定的，由第一个指定大小的单元格决定；如果所有单元格都没有指定大小，则由第一个单元格的默认大小决定；如果单元格中的内容超出单元格的大小，则用CSS中的overflow命令控制。微软公司声称使用这个命令，表格的显示速度可以加快100倍。

5. th和td  表示单元格的标签是th（table head）和td（table data），前者用来显示数据的名称，后者用来显示数据的内容。

6. frame和rules  table标签的frame和rules属性，可以控制边框的显示。frame属性控制着表格最外围的四条边框的可见性，而 rules 则控制着表格内部边框的可见性。