浏览器调试工具

浏览器提供了一个非常好用的调试工具，可以用来调试我们的 HTML 结构和 CSS 样式。

打开浏览器，按下 F12 键 或者 右击页面空白处 检查 。

如何使用：

① Ctrl+滚轮 可以放大开发者工具代码大小。

② 左边是 HTML 元素结构，右边是 CSS 样式。

③ 右边 CSS 样式可以改动数值（左右箭头或者直接输入）和查看颜色。

④ Ctrl + 0 复原浏览器大小。

⑤ 如果点击元素，发现右侧没有样式引入，极有可能是类名或者样式引入错误。

⑥ 如果有样式，但是样式前面有 黄色叹号提示 ，则是样式属性书写错误。