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(易数据库)
  • 热门搜索
    以爱为主题的手抄报 健康小常识手抄报 国学经典手抄报资料 城南旧事手抄报图片 圣诞节手抄报图片 卫生健康手抄报 手抄报花边图片大全 自我介绍手抄报图片 汉字王国手抄报 关于书的手抄报内容