Chrome浏览器提供了一个非常好用的调试工具，可以用来调试我们的HTML结构和CSS样式。
1.的打开调试工具
打开Chrome浏览器，按下F12键或点击页面空白，点击检查
2.使用调试工具
（1）ctrl+滚轮放大缩小代码
(2)左边html 右边CSS
（3）右边CSS样式可以改动数值和查看颜色。
（4）ctrl+0复原浏览器大小
（5）如果点击元素，发现右侧没有样式引入，极有可能类名或样式引入错误
（6）如果有样式，但是样式前面有黄色感叹号，则是样式属性书写错误