表格和框架集

表格

- 可以嵌套
- 可以布局
- 不写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>  
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值