练习：亲手检查一个真实网页

第一关：找到元素

DEVTOOLS PRACTICE TARGET

请用开发者工具找到我

把我的背景色从米黄色改成蓝色，刷新页面后我会恢复。

提示：在 Elements 中搜索 practice-card。

1. 打开 Elements，点左上角选择元素图标。
2. 点击上面的卡片。
3. 确认选中代码包含 id="practice-card"。
4. 双击文字“请用开发者工具找到我”，临时改成你的名字。

第二关：改样式

1. 在右侧 Styles 找 .practice-card。
2. 把 background 改成 #cce4ff。
3. 把 border-radius 改成 30px。
4. 取消某一行前面的勾，观察该属性暂时失效。

第三关：看请求

1. 切到 Network，清空现有记录。
2. 刷新本页。
3. 点开名为 practice 的 document 请求。
4. 在 Headers 找到状态码 200 和请求方法 GET。

第四关：解释发生了什么

刷新后文字和颜色恢复，因为你只修改了浏览器内存里的 DOM 和 CSS，没有修改仓库中的 Markdown 或样式文件。Network 的 GET 请求重新从开发服务器取得了原始页面。

请用自己的话解释：为什么刷新后修改消失？

答案：因为 DevTools 的修改通常只存在于当前浏览器页面，没有写回源代码；刷新会重新加载原始文件。