F12或者右键检查即可打开chrome调试工具

一、使用调试工具

1、ctrl+滚轮可以放大开发者工具代码大小

2、左边是HTML元素结构，右边是CSS样式

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

4、ctrl+0复原浏览器大小

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

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