Chrome浏览器调试工具 一、打开方式 打开Chrome浏览器,按下F12或者右击页面空白处,在点击“检查” 二、使用调试工具 1、Ctrl +滚轮可以放大开发者工具代码大小 2、左边是HTML元素结构,右边是CSS样式 3、右边CSS样式可以改动数值(左右上下箭头或者直接输入)和查看颜色 4、Ctrl +0 复原浏览器大小 5、如果点击元素,发现右侧没有样式引入,极有可能是类名或者样式引用格式错误 6、如果有样式,但是样式前面有黄色叹号提示,则是样式属性书写错误