一、前言
Chrome [kroʊm] 浏览器提供了一个非常好用的调试工具,可以用来调试我们的HTML结构和CSS样式。
二、使用调试工具
1、ctrl + 滚轮 可以放大开发者工具代码大小。
2、左边是HTML元素结构,右边是CSS样式。
3、右边CSS样式可以改动数值(左右箭头或者直接输入)和查看颜色。
4、ctrl + 0 复原浏览器大小。
5、如果点击元素,发现右侧没有样式引入,很有可能是类名 或者 样式 引入错误。
6、如果有样式,但是样式前面 有 黄色感叹号提示,则是样式属性书写错误。