养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

查看页面样式及调试修改

时间:2024-10-19 12:37:33

在我们开发界面的时候,常常会碰到一些好看的元素及样式,如果我们想把这些元素引入进我尺攵跋赈们的界面,该如何进行相关操作呢?本文描述了这一过程,涉及页面样式的查看以及调试修改查看效果。

查看页面样式及调试修改

方法/步骤

1、首先打开浏览器的F12功能,然后找到下面的Element标签,选中第一个功能键,然后我们把箭头指向要操作的元素。

查看页面样式及调试修改

2、我们在右侧区域能看到相关的样式及该样式对应的文件,如果想复制这块样式,直接复制粘贴右侧区域即可。

查看页面样式及调试修改

3、当然也可以打开该样式对应的文件,系统会直接定位到文件中相关样式的位置,直接复制即可。

查看页面样式及调试修改

4、如果想要删除某块元素查看效果,可以在Elements中找到该元素,然后点击右键,删除即可。

查看页面样式及调试修改

5、如果想隐藏某块元素后查看效果,可以在Elements中找到该元素,然后点击右键,隐藏即可。

查看页面样式及调试修改

6、如果想要隐藏某样式里面的部分元素,我们螅岔出礤在右侧的区域中发现每部分元素前面都有一个选择框,点击的话样式即隐藏,再点击会出现。

查看页面样式及调试修改

© 一点知识