表格（HTML和CSS属性）

表格作用：用来显示数据，整理数据
表格格式：<table>
            <caption></caption>
            <thead>
                <tr>   th 
                    <td>文字</td>
                 </tr>
            </thead>
            <tbody></tbody>
            <tfoot></tfoot>
        </table>


       

表格属性

html属性：            
            *2.表格宽度：width       默认由内容撑开
            *3.表格高度：height 

            *1.边框粗细：border      数值（默认是无）
            6.边框颜色：bordercolor 
            7.表格背景颜色：bgcolor

            8.单元格与单元格之间的距离：cellspacing 默认是2
            9.内容与单元格之间的距离：cellpadding   默认是1

            10.行与列边框的显示规则 rules      rows 显示行  cols显示列  none 都不显 groups（效果和none相似）
            
            4.水平对齐方式:align    left center right(如果把默认内外边距去掉，则该html属性不生效)
            5.垂直对齐方式：valign 
            
        css属性：
            *1.相邻边框线合并
                属性名: border-collapse
                属性值: collapse 合并    
                        separate 分开(默认)
            2.单元格与单元格之间的距离
                属性名: border-spacing
                属性值: 数值 + px
            3.表格布局算法
                属性名: table-layout
                属性值: auto 单元格宽度由内容决定(默认)（影响加载速度：渲染出内容后计算宽度）
                        fixed 单元格宽度平均分配

            4.合并'空'单元格
                属性名:empty-cells：
                属性值：hide 隐藏
                        show 显示（默认）  
            
            5.表格标题  
            <caption></caption>
                属性名:  caption-side: 表格标题位置
                属性值: left right只有火狐浏览器识别
                        top bottom IE7以上

            6.标题单元格
            th      
                标题单元格里的文字自动'居中''对齐'，且'加粗'

            列分组:colgroup
            span="数值"
            谷歌浏览器只支持span bgcolor width

单元格属性

        单元格属性
            1.背景颜色: bgcolor=""
            2.水平对齐方式: align="left(默认)  right  center"
            3.垂直方向对齐方式: valign="top  middle(默认)  bottom"
            4.单元格宽度:width

            合并相邻单元格
                colspan=“所要合并的单元格的列数"    合并列;
                rowspan= “所要合并单元格的行数” 合并行;

行属性

        行属性
            1.背景颜色:bgcolor=""
            2.水平对齐方式:align="left(默认) right center"
            3.垂直方向对齐方式:valign="top middle(默认) bottom"
            4.表格行的高度:height

1像素细线表格

        1像素细线表格
            1.绘制表格：给表格设置宽高
            2.设置表格背景颜色、单元格距离为1：cellspacing="1"
                （即视觉上的边框色）
            3.设置每行背景颜色

        合并边框线的方法视觉上没有这个好