Chrome调试工具

 1.打开调试工具   

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

2.使用调试工具

① ctrl+滚轮可以放大开发者工具大小。

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

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

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

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

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