看网页源代码快捷键查网页源代码快捷键

有的小伙伴在进行网页布局时，想要写出更好看的样式，那么这时候我们就需要查看一些网页的源代码来进行学习了，如何查看网页源代码呢？小编就来为大家介绍一下吧。

具体如下：

1. 1. 第一步，双击打开“浏览器”软件。

   

2. 2. 第二步，来到浏览器页面后，点击页面右上角的【…】选项。

   

3. 3. 第三步，我们可以看到如下图所示的弹出选项框，点击【开发人员工具】选项，或者我们可以按快捷键【F12】来查看网页源码。

   

4. 4. 第四步，点击网页源代码窗口左上角的【元素】选项，这样我们就可以看到div css了。

   

5. 5. 第五步，点击下图红框中的三角图标，我们就可以对该代码进行展开或者折叠操作了。

   

6. 6. 第六步，我们可以通过点击每段div样式的代码，来了解到样式的定义。

   

7. 以上就是电脑上如何查看网页源代码的方法。