表格
表格由 <table> 标签来定义。
每个表格均有若干行(由 <tr> 标签定义)
每行被分割为若干单元格(由 <td> 标签定义)
th表头
thead表格头
tbody表格主体
tfoot表格尾
表格的合并
colspan 属性规定单元格横跨的列数(横向合并
rowspan 属性规定单元格横跨的行数(纵向合并
表格的特性
1、单元格默认平分table 的宽度
2、th里面的内容默认加粗并且左右上下居中
3、td里面的内容默认上下居中 左对齐显示
4、table 决定了整个表格的宽度;
5、table里面的单元格宽度会被转换成百分比;
6、表格里面的每一列必须有宽度;
7、表格同一列/行会继承最大值;
8、th,td没有margin属性
表格的样式
width宽度 height 高度 border边框
border-spacing:X Y;
指定单元格边界之间水平和垂直间距
border-collapse:collapse
边框会合并为一个单一的边框会忽略 border-spacing的值
重置表格默认样式
table{border-collapse:collapse;} table th,table td{padding:0;}
display-table
table的标签类型:display:table;
支持margin:auto;
默认内容撑开宽度;
支持宽高
表格前后带有自动换行。
喜欢的的朋友可以关注我,咱每天都会分享网站前端的一些小知识,谢谢你们的阅读,有需要视频教程的关注我后私信问我要