## 盒模型（3）使用浏览器开发者工具调试HTML和CSS

打开[测试网页](https://web.xuyue.cc/tutorial/2/demo.html)，点击 F12 或者 ctrl+shift+c 打开浏览器开发者工具，在这里可以看到前端的所有代码（HTML+CSS+JS）

![1](./image.png)

### 查看 HTML

演示...

### 查看 CSS

演示...

### 查看盒模型

演示...

（未完待续...）