Chrome调试工具（CSS）

1.打开方式：按f12,或者右击鼠标点击检查

2.看哪里：

(1)elements：显示当前页面的html结构；

(2)styles：显示当前标签的样式

3.选择元素：

(1)方法一：在左侧elements中点击需要调试的元素

(2)方法二：点击左上角按钮后，直接在网页中点击需要调试的元素

4.控制样式：

（1）修改属性值：直接点击属性值，直接修改

（2）添加属性：在上一个属性的分号后点击一下，直接添加

（3）控制样式生效：点击属性前的小框即可

（5）调试工具仅仅只是当前的调试效果，需要在代码中修改才能永久保留

5.特殊情况

（1）若是样式上有删除线，代表样式失效，检查一下代码，要么被注释了，要么被覆盖了

（2）样式前有小三角形，代表样式有错误，检查一下代码，常见问题是有三种，要么是属性值后没写分号，要么是代码中出现中文标点，要么是属性名或者属性值单词拼错