- Objective: - Breadcrumb: # 概念阐释 ## 语义 表格标签 ## 语法 ## `table` - define a table ## `tr` - table row - 每行的开始需要用tr表示 ## `th` - table head - 行标题和列标题（加粗显示） - 为空时要有标签，但不填数据 ## `td` - table data - 表格数据 - 为空时要有标签，但不填数据 # 实例 [W3C案例](https://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_intro) - css部分 - `border-collapse:collapse;`表格坍塌，不然都是一个个独立的格子 - `width:100%;` 盒子占满整行，不然就会内容多大，格子多大 - `tr:nth-child(even){background-color:#dddddd;}` 每个双行背景色为灰色 # 相关内容 - *tr,td是同级，就像盒子一样，可以定义border，padding，text-align等等。* - *table是对整体表格的调控，比如是否占满浏览器整行，盒子与盒子（单个格子）是否坍塌（border-collapse），对table进行border的控制没必要，因为会被th，td继承。* - *nth-child()对格子进行样式修改* # 问题 # 问题答案 # 参考资料