1. 作用

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

2.使用调试工具

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

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

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

最后修改：2022 年 03 月 28 日
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏