1.我们以谷歌浏览器为例，来讲讲怎么调试CSS。先打开谷歌浏览器，看截图里的红色箭头，点击“工具”，点击“开发者工具”，就打开调试工具了，也可以按下快捷键F12来打开调试工具；
2.打开的调试工具如下图所示：
3.我们就以百度的首页为例，看看调试效果。看截图，点击那个“抓取元素”的按钮，来获取要审查的元素；
4.看截图，出现下面的界面后，点击“style”，单击那个对勾，就可以看到效果了；
5.我去掉一些样式之后，就出现了下面的效果，看截图；
怎样在F12下查看源码和调试网页CSS？下面我们就来看一下具体是如何操作的吧。
01首先我们需要打开一个网页，然后按F12开始查看源码。
02调出代码之后，然后选择你想修改网站框架的地方。
03在最右边的一块代码中就是属于网页的CSS样式表，然后我们鼠标放在上面，就会在代码前面出现一个√号框。
04双击你想修改的CSS代码，然后输入你想修改的值，修改成功之后我们就可以看到网页发生改变。
尊敬的用户，您好！很高兴为您答疑。css样式可以在页面上右击元素查看，然后即可在下面的面板上出现对当前对象生效的css样式代码，此时您可以直接修改css来实现样式预览。即实现了您所说的css调试。
希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。
