1.我们以谷歌浏览器为例,来讲讲怎么调试CSS。先打开谷歌浏览器,看截图里的红色箭头,点击“工具”,点击“开发者工具”,就打开调试工具了,也可以按下快捷键F12来打开调试工具;
2.打开的调试工具如下图所示:
3.我们就以百度的首页为例,看看调试效果。看截图,点击那个“抓取元素”的按钮,来获取要审查的元素;
4.看截图,出现下面的界面后,点击“style”,单击那个对勾,就可以看到效果了;
5.我去掉一些样式之后,就出现了下面的效果,看截图;
怎样在F12下查看源码和调试网页CSS?下面我们就来看一下具体是如何操作的吧。
首先我们需要打开一个网页,然后按F12开始查看源码。
调出代码之后,然后选择你想修改网站框架的地方。
在最右边的一块代码中就是属于网页的CSS样式表,然后我们鼠标放在上面,就会在代码前面出现一个√号框。
双击你想修改的CSS代码,然后输入你想修改的值,修改成功之后我们就可以看到网页发生改变。