前端学习笔记(十二)

第十二章：表格

在 CSS 创建之前， HTML <table> 元素常常被用于布局页面。 这种用法在 HTML 4之后不被推荐使用，并且 <table>元素 不应该 被用于此目的
    <table>
        <tr>
            <td>姓名</td>
            <td>性别</td>
            <td>年龄</td>
            <td>爱好</td>
        </tr>
    </table>
    table和tr tr和td之间不能套其他元素！一些最基本的属性width height border 而这些标准都被废弃，应该使用样式规定！
表格的标题用<th> 来定义
    thead tbody tfoot 给表格分组
-----------------------------------合并单元格---------------------------------------
colspan=’跨列’
rowspan=’跨行’
-----------------------------------表格的特征---------------------------------------
table 有固定宽高时 宽度不能被撑开
单元格默认平分table 的宽度
给了table 宽度没有给td 的宽度td 会被转换成百分比平分表格
表格同一列/行会继承最大值；
th里面的内容默认加粗并且左右上下居中
td里面的内容默认上下居中 左对齐显示
th,td没有margin属性
表格可以嵌套表格 div a img 所有元素
-----------------------------------表格的样式------------------------------------
---
/*指定相邻单元格边框之间的距离*/
border-spacing:10px 10px;
/*用来决定表格的边框是分开的还是合并的*/
border-collapse:collapse; separate 默认分离
/*表格的样式初始化*/
table{
border-collapse:collspae
}
table th,table td{
padding:0;
}
--------------------------------display:table;-------------------------------
元素表格的样式排列元素 用到了display:table;
HTML Table是指使用原生的<table> 标签，而CSS Table是指用CSS属性模仿HTML 表格的模
型。
display:table的特征 配合 display:tablecell
使用
支持margin:auto;
默认内容撑开宽度；
支持宽高
换行。