表格相关属性以及表格css样式语句

一、表格

table
    tr===行
        td===列（单元格）

1.给table上写的属性

1.border===给表格加边框线
2.width、height===宽度和高度
3.cellspacing===格子与格子的间距
4.cellpadding====内容与格子的间距
5.bgcolor====背景颜色
6.bordercolor===边框颜色
7.align===表格的水平对齐方式
    left、center、right

2.写给tr上的属性

    1.height====单独调整某一行的高度
    2.bgcolor===当都调整某一行的背景颜色
    3.align====调整某一行的内容水平对齐方式
        left、center、right
    4.valign===调整某一行的内容垂直对齐方式
        top、center、bottom

3.写给td上的属性：

    1.width：设置⼀个单元格的宽度，会影响这个单元格⼀整列的宽度。
    2.height：设置⼀个单元格的⾼度，会影响这个单元格所在的⼀整⾏的⾼度。
    3.bgcolor:单独调整这一个格子的背景颜色
    4.align：某一个单元格内容的水平对齐方式
    5.valign：某一个单元格内容的垂直对齐方式
    6.行合并rowspan（横着的线不见）
    7.列合并colspan（竖着的线不见了）

4.新增标签

th标签和td一样都是单元格
区别：th标签自带加粗和居中效果。一般用在表格的第一行
caption标签：表格的标题标签，自带居中效果

5.新增属性：rules，这是写给table的（用来画线的）

rows===画横着的线
cols===画竖着的线
all===画所有的线
groups===按照组进行画线（要想起作用，必须得分组）

6.分组标签(了解)

1.按照行进行分组
    thead===表格的头部（只能使用一次）
    tbody===表格的身体（可以使用多次）
    tfoot===表格的尾部（可以使用一次）
    注意：如我我们没有做分组，浏览器会自动的创建一个tbody，把所有的东西放进去。
2.按照列进行分组
    <colgroup span=""></colgroup>

7.表格的css样式语句

1.border-spacing=====格子与格子的间距
2.border-collapse: collapse;=====合并相邻的边框线（画细线表格）
3.table-layout: fixed;表格单元格的固定（能实现格子宽度均分的效果）
    表格的宽度分配原则：
    根据内容自行分配，如果内容多，就多分一点，少，就少分一点
4.empty-cells:空格⼦显示⽅式。
    hide：隐藏
    show：显示（默认值）
只需要掌握如何绘制出表格，如何合并表格