WEB表格设计攻略

1、表格-用途 1）表格table标签主要用来展示列釉涑杵抑表数据，分行列展示比较直观，还可能带有汇总行显示 2）表格除了显示列表数据外，还可以用来页面布亩焘雪台局，因为表格可以设置占用页面百分比，所以，可以用来做页面自适应宽度效果，只是，表格需要填充完整数据才会开始在页面呈现，如果用表格布局，且内部非常多内容，当网络慢的时候，界面可能会出现一段时间的空白 3）本文使用vscode作为编辑器，演示表格的使用（在vscode中新建html文件后，输入一个感叹号，在按一下tab键，就可以快速构建html5的dom结构）

3、表格-边框 1）通过css样式+table标签设置表格边框是实际项目中常用的方式 2）表格分为单元格边框，行边框，所以需要将两个边框合并成一个显示

5、表格-合并单元格 1）无论多么复杂的表格合并，最终都是基于行、列单元格合并的 2）行单元格合并，使用rowspan 3）列单元格合并，使用colspan

7、表格-布局 1）使用表格布局可以让页面宽度自适应，当宽度不够的时候，表格内的文字会自动换行 2）注意：最好不要将非常多的内容塞到table中作为页面的相对顶级的布局，否则，可能造成页面加载慢的样子