表格相关的样式

1、表格常用样式属性
1、尺寸
2、内边距外边距
3、文本相关的
4、背景
5、边框
6、*文本、行内块垂直对齐方式:vertical-align: top/middle/bottom;

2、特有:只有在表格中才能使用
1、边框合并:border-collapse: collapse;
前提:要给table和td同时设置上border属性,才可以使用

2、边框边距:border-spacing: 多少px
前提:不能合并边框
作用:类似于margin,用于设置单元格与单元格之间的距离

3、***显示规则:
作用:帮主浏览器 如何显示 或 布局一张表,用于控制单元格 宽度的算法
默认:文字越多占列宽越大,如果想要固定
属性:table-layout: fixed;

但是跨行和跨列css做不到,只能使用html属性

以后千万不要想着用table来实现网页布局:
1、操作起来不方便
2、语义性太差了
3、浏览器对表格显示效果计算算法低下 - 网页性能会降低
只有看着就是一张表的时候才使用

posted @ 2021-08-16 13:14  rigorous  阅读(416)  评论(0)    收藏  举报