表格
- 可以嵌套
- 可以布局
- 不写tbody时,浏览器会自动加上,tr不会是table的子元素
- 表格中主要用到的标签如下
```
<caption></caption>
<thead></thead>
<tbody></tbody>
<tfoot></tfoot>
<tr></tr>
<th></th>
<td></td>
```
1、通过给td标签设置rows和cols属性来合并单元格
2、通过给table或者td设置border-spacing和border-collapse来设置边框
3、表格的标签结构如下:
<table>
<caption>标题</caption>
<thead>
<tr>
<th></th>
...
</tr>
</thead>
<tfoot>
<tr>
<td></td>
...
</tr>
</tfoot>
<tbody>
<tr>
<td></td>
...
</tr>
</tbody>
</table>
```
####4、可以通过伪类:nth-child()来设置鼠标滑过所在行的样式,但是ie6和8 不支持该伪类,还有ie6不支持伪类:hover作用在除了a以外的元素上
###框架集frameset
- 不能和body在同一个页面中出现
- 可以向页面引入多个页面
- 可以布局
- 可以嵌套
- frameset中的页面不能被搜索引擎检索
- rows可以通过给它指定百分比来指定每个页面的大小
- cols可以通过给它指定百分比来指定每个页面的大小
- 主要的代码结构如下:
<frameset rows="50%,50%" >
<frame src="" />
<frameset cols="30%,*,40%">
<frame src="" />
</frameset>
</frameset>