如何利用浏览器查看网站源代码和css样式

2024-10-12 14:28:23

1、首先打开浏览器。

如何利用浏览器查看网站源代码和css样式

2、打开自己想要查看html和css代码的网站,这里我就打开百度首页。

如何利用浏览器查看网站源代码和css样式

3、之后按下键盘的F12。

如何利用浏览器查看网站源代码和css样式

4、之后会弹出一个格式工具框,右侧就是我们能查看代码和css样式的工具。具体如下图

如何利用浏览器查看网站源代码和css样式

5、之后点击箭头的这个工具。

如何利用浏览器查看网站源代码和css样式

6、在把鼠标移动到需要查看代码的那个地方,并点击。

如何利用浏览器查看网站源代码和css样式

7、之后在右侧工具栏中就显示了这个html和相关的CSS样式表。

如何利用浏览器查看网站源代码和css样式
猜你喜欢