Chrome浏览器提供了一个非常好的调试工具,可以用来调试我们的html结构和css样式。
- 打开调试工具
打开chrome浏览器,按下f12键或者右击页面空白处->检查
- 使用调试工具
- Ctrl+滚轮可以放大开发者工具代码大小
- 左边是html元素结构,右边是css样式
- 右边css样式可以改动数值(左右箭头或者直接输入)和查看颜色
- Ctrl+0复原浏览器大小
- 如果点击元素,发现右侧没有样式引入,极有可能是类名或者样式引入错误。
- 如果有样式,但是样式前面有黄色感叹号提示,则是样式属性书写错误。