打开调试工具

打开Chrome浏览器,按下F12键或者右击页面空白处--->检查。

使用调试工具

        1、Ctrl+滚轮可以放大开发者工具代码大小。

        2、左边是 HTML元素结构,右边是CSS样式。

        3、右边 CSS样式可以改动数值(左右箭头或者直接输入)和查看颜色。

        4、Ctrl + 0复原浏览器大小。

        5、如果点击元素,发现右侧没有样式引入，极有可能是类名或者样式引入错误。

        6、如果有样式，但是样式前面有黄色叹号提示,则是样式属性书写错误。