![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
PHPzCorrection status：qualified
Teacher's comments：完成的效果不错，要是添加一个运行结果图就好了
Collection
Collection
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>rem/em/vw/vh单位学习示例</title><style>/* em：继承字号，受自身和祖先影响rem：根字号，字号常量不变PC端：用em 比较多移动端：用rem 比较多*//*因为font-size可以继承，写到父级与写到当前元素有区别因为em受到了当前元素和祖先元素font-size 字号的影响解决这个问题，最好引用一个不变的字号常量这个不变的字号常量就是根字号 `rem`* ! em : 继承字号rem 根字号，默认是16px,除非人为更 新，否则不变**//*vw/vh：视口单位视口： viewport 可视窗口，当前文档（html）的可见部分视口单位：vw ， vhvw：viewport-width 视口宽度vh：viewport-height 视口高度1vw = 1 / 100 (视口宽度 window.innerWidth )1vh = 1 / 100 (视口高度 window.innerHeight )和百分比 % 非常像1. % ： 以父级元素宽高为参照物2. vw / vh ： 以视口宽高为参照物*/:root{1rem;}/* 表格文本居中 ,拆叠td 双线 宽度*/table {text-align: center;border-collapse: collapse;width: 90vw;}/* 设置边框 */table td, table th, table caption {border:1px solid #000000;}/* 行高 */table tr,table caption {height: 2.2rem; line-height: 2.2rem;}/* td宽度 */table td{width:8rem;}/* 头部标题字号和背景颜色字体颜色 */table caption{font-size:2em;background: #72e7ca;color: red;}/* 给thead 添加颜色 */table thead{background-color: aqua;}/* table tbody tr:first-of-type td:first-of-type 用tbody 作用not 取反伪类 */table tbody:not(tbody:nth-of-type(0)) tr:first-of-type td:first-of-type{background-color: lightgreen;}/* 鼠标悬浮伪类 */table td:hover{cursor: pointer;background: #e97a9b;}</style></head><body><table><!-- 顶部标题 --><caption>PHP.CN中文网学员上课表</caption><!-- 头部标题 --><thead><tr><th>时间</th><th>周一</th><th>周二</th><th>周三</th><th>周四</th><th>周五</th></tr></thead><!-- 上午tbody --><tbody><tr><td rowspan="2">上午</td><td>前端html</td><td>CSS样式</td><td>html5</td><td>php开发</td><td>TP6</td></tr><tr><td>前端html</td><td>CSS样式</td><td>html5</td><td>php开发</td><td>TP6</td></tr></tbody><tbody><tr><td rowspan="2">下午</td><td>TP6</td><td>php开发</td><td>html5</td><td>前端html</td><td>CSS样式</td></tr><tr><td>TP6</td><td>php开发</td><td>html5</td><td>前端html</td><td>CSS样式</td></tr></tbody></table></body></html>
