1、fn+f12打开开发者工具如下所示
2、点击到查看器面板中可以看到左边区域为DOM树，点击DOM树中的某个DOM节点可以在右边区域的样式区域显示出该DOM节点所对应的CSS样式
3、点击css属性所对应的值可以看到值的区域变成了输入框，这时我们就可以改变原来定义的属性
4、在原来的属性分号后面点击一下可以看到在属性的下方多了一个输入框，这时我们可以在此输入框中为DOM节点添加另外的CSS样式
5、在样式区域我们可以此样式所对应的css文件，点击这个文件会跳转到样式编辑器面板中
6、可以在样式编辑器面板中看到刚刚更改的css样式，可以点击左边的保秽颢擤崮存将更改的css样式保存到本地的css文件中，打开自己本地的css文件会发现已经更改为在开发者工具中更改的样式
