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

html-css014

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

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

01

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

02

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

03

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

04

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

首先,把css,js和图片放到你的项目文件夹对应位置上,然后把html中的代码复制到你的html文件中,在你的html文件中引入对应的css js文件,注意路径是否正确。然后根据你自己的需要,修改对应的css样式