1. 作用

Chrome调试工具可以用来调试HTML结构和CSS样式，会显示出来但是不会更改源代码。

2.使用调试工具

1. Ctrl+滚轮可以放大开发者工具代码大小
2. 左边是HTML元素结构，右边是CSS样式
3. 右边CSS样式可以更改数值（上下箭头或者直接输入）和查看颜色
4. Ctrl+0复原浏览器大小
5. 如果点击元素，发现右侧没有样式引入，极有可能是类名或者样式引入错误
6. 如果有样式，但是样式前面有黄色叹号提示，则是样式属性书写错误

⑤无样式引用，类名写错了。

⑥有样式引用，样式属性错误。