Chrome调试工具调试CSS

一、打开方式

1、打开调试工具

方法1：鼠标右击 + 检查

方法2：F12 快捷键

2、看哪里

（1）左边Element：显示当前页面的 html 结构

（2）右边style：显示当前标签的样式

二、选择元素

1、方法一：

在左侧 Element 中点击需要调试的元素

2、方法二：

点击左上角按钮后，直接在网页中点击需要调试的元素

三、功能

1、控制样式

（1）修改属性值

a、直接点击属性值，直接修改。既可以直接修改数值，也可以通过键盘上下箭头慢慢调试数值。