360浏览器如何将页面中更改的css保存到本地

 时间:2024-10-13 07:06:00

1、首先用360浏览器打开本地项目的一个页面,如下图所示

360浏览器如何将页面中更改的css保存到本地

2、fn+f12打开开发者工具如下所示

360浏览器如何将页面中更改的css保存到本地

3、点击到Element衡痕贤伎s面板中可以看到左边区域为DOM树,点击DOM树中的某个DOM节点可以在右边区域的Styles区域显示出该DOM节点所对应的CSS样式

360浏览器如何将页面中更改的css保存到本地

4、在Styles区域可以点击css属性所对应的值更改原来的css,也可以在原来的属性分号后面点击一下在下方出现的输入框中添加另外的CSS样式,如下图所示将页面样式进行了更改;在样式区域可以看到此样式所对应的css文件,点击这个文件会跳转到Sources面板中

360浏览器如何将页面中更改的css保存到本地

5、在Sources面板中可以看到css文件的具体代码,和刚刚更改的css样式

360浏览器如何将页面中更改的css保存到本地

6、在css文件中右键,点击save as

360浏览器如何将页面中更改的css保存到本地

7、选择项目中css文件所在目录,替换掉之前的css文件就能更改本地的css文件了

360浏览器如何将页面中更改的css保存到本地

8、刷新页面发现页面样式发生了相应的变化

360浏览器如何将页面中更改的css保存到本地
  • 易语言(网页验证码同步)方法
  • 易语言无法静态编译的两种解决方法
  • 黑色沙漠手游怎么查看世界地图
  • 冥月之巅正式版隐藏英雄密码攻略
  • 易语言操作EDB(易数据库)
  • 热门搜索
    珍惜水资源手抄报 安全法制手抄报内容 数学手抄报四年级下册 反邪教手抄报图片大全 数学手抄报的资料 诚信教育手抄报 水浒传手抄报图片大全 国学经典手抄报图片 多彩的民族文化手抄报 走进大自然手抄报