第三十一天 chrome调试工具

打开调试工具

    页面空白处右击 检查 或者F12

使用调试工具

    ctrl+滚轮改变代码大小

     左边是html 右边是css

    css可以直接改动数值左右箭头或者直接输入 查看颜色

    ctrl+0 复原浏览器大小

    点击元素右侧出现样式引入 没有的话 说明类名或者样式引用错误

    ![](https://i-blog.csdnimg.cn/direct/97d0017a16904e699928efd120af8b18.png)

            这里的.new-left是存在的  如果类名写错了则看不到.new-left

            样式引用错误的会出现如下的删除线

    ![](https://i-blog.csdnimg.cn/direct/1217c61cde01451aa8fda0e1a77fdc11.png)

    如果有样式 且前面有换色感叹号则是样式属性书写错误