拉手厂家
免费服务热线

Free service

hotline

010-00000000
拉手厂家
热门搜索:
技术资讯
当前位置:首页 > 技术资讯

方便阅读用CSS巧改网页

发布时间:2020-02-11 04:03:57 阅读: 来源:拉手厂家

每个网站都有自己的风格,如果你喜欢某个网站的内容,却不喜欢这个网站的网页风格,怎么办?让一个网站为你一个人而改版是不可能的,不过我们可以自力更生,通过CSS样式文件对网页进行修改,让网站变成自己想要的。

为浏览器添加CSS管理

要想更好地使用和管理CSS,无论是谷歌还是火狐浏览器,都需要安装一个名为Stylish的扩展。这里以火狐浏览器为例,首先点击“工具”菜单中的“附加组件”命令,在弹出的窗口选择左侧列表中“获取附加组件”项,再在窗口的左上角输入关键词“Stylish”搜索,搜索到后点击该扩展名称后的“安装”。安装完毕,点击“立即重启”完成浏览器对该扩展的确认。

实战1:启用夜间模式浏览

每天对着电脑工作时间一长,就会觉得眼睛发干和难受。其实我们可以通过CSS样式文件,对网页的内容进行调节,改变网页背景过亮的情况。

首先登录,在窗口左侧输入关键词Global dark style,在搜索结果里面可以看到大量的夜间模式样式。从中选择一个自己喜欢的样式并打开链接,接着在弹出的网页中点击Install with Stylish按钮。然后在弹出的“安装用户样式”窗口点击“安装”,完成这个CSS样式文件的安装(图1)。

安装CSS栏式文件

最后重新刷新一下当前页面,就可以启用夜间模式的效果了。夜间模式通常会用深色为底色,用其他颜色反衬出网页的内容,从而避免网页背景过亮对眼睛的刺激(图2)。

夜间模式下的新浪微博

实战2:百度谷歌双列显示结果

当然,并不是所有需要的CSS样式文件都可以在网站找到,因此有的时候我们需要手动添加。我们可以自己编写,也可以从论坛或者贴吧中找到想要的CSS样式文件。

现在无论是台式机还是笔记本电脑,使用的基本上都是宽屏显示器,这样在使用百度搜索时,单列显示结果会“浪费”大量的屏幕资源,于是我找到一个可以将百度搜索结果显示为双列的CSS样式文件(下载地址:)。

继续上个实战,点击浏览器“工具”菜单中的“附加组件”,在弹出的窗口中,选择左侧列表中“用户样式”项。点击窗口里面的“编写新样式”按钮,在弹出的对话框中分别设置CSS样式的“名称”和“标签”。接着将下载的CSS样式文件,用一个文本编辑器进行打开,将其中的所有代码粘贴到CSS样式编辑框里面(图3)。设置完毕点击“保存”按钮,手工添加CSS样式文件的工作也就完成了。

以后当我们用百度(或谷歌)搜索时,搜索结果会以两列的形式显示,比平常多显示出双倍的结果,而且以前显示在旁边的广告信息也被成功过滤了,显得更加简洁实用(图4)。

工商税务变更

中山代理记账代理报税

深圳注册公司电话