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

具体如下：

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

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

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

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

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

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