怎样在F12下查看源码和调试网页CSS

html-css019

怎样在F12下查看源码和调试网页CSS,第1张

怎样在F12下查看源码和调试网页CSS？下面我们就来看一下具体是如何操作的吧。

01

首先我们需要打开一个网页，然后按F12开始查看源码。

02

调出代码之后，然后选择你想修改网站框架的地方。

03

在最右边的一块代码中就是属于网页的CSS样式表，然后我们鼠标放在上面，就会在代码前面出现一个√号框。

04

双击你想修改的CSS代码，然后输入你想修改的值，修改成功之后我们就可以看到网页发生改变。

查看网页源代码及修改源代码的方法如下：

1、打开所要修改的网页，然后按下键盘上的“F12”，会出现一个源代码页面：

2、然后点击左上角的小箭头，使其高亮：

3、然后鼠标选择需要修改的内容，下面会出现相对应的代码，如下：

4、然后在代码中鼠标右键，选择第一个的“Edixtext”：

5、此时将原来的“举报”改成“你好”，可以看到上面的内容已经变更了，这样就完成了修改：