1、fn+f12打开开发者工具如下所示
2、点击到DOM资源管理器面板中可以看到左边区域为DOM树，点击DOM树中的某个DOM节点可以在右边区域的样式区域显示出该DOM节点所对应的CSS样式
3、点击css属性所对应的值可以看到值的区域变成了输入框，这时我们就可以改变原来定义的属性
4、在原来的属性分号后面点击一下可以看到在属性的下方多了一个输入框，这时我们可以在此输入框中为DOM节点添加另外的CSS样式
5、在样式区域我们可以此样式所对应的css文件，点击这个文件会跳转到调式程序面板中
6、在调试面板中可以看到对应的HTML文件和css文件的代码，在css文件的左边有一个断点式的图标标识出你改变的是那里的css样式，代码区域则显示出你改变之前的css样式
