论文部分内容阅读
为浏览器添加CSS管理
要想更好地使用和管理CSS,无论是谷歌还是火狐浏览器,都需要安装一个名为Stylish的扩展。这里以火狐浏览器为例,首先点击“工具”菜单中的“附加组件”命令,在弹出的窗口选择左侧列表中的“获取附加组件”项,再在窗口的左上角输入关键词“Stylish”搜索,搜索到后点击该扩展名称后的“安装”。安装完毕,点击“立即重启”完成浏览器对该扩展的确认。
实战1:启用夜间模式浏览
每天对着电脑工作时间一长,就会觉得眼睛发干和难受。其实我们可以通过CSS样式文件,对网页的内容进行调节,改变网页背景过亮的情况。
首先登录http://userstyles.org,在窗口左侧输入关键词Global dark style,在搜索结果里面可以看到大量的夜间模式样式。从中选择一个自己喜欢的样式并打开链接,接着在弹出的网页中点击Install with Stylish按钮。然后在弹出的“安装用户样式”窗口点击“安装”,完成这个CSS样式文件的安装(图1)。
最后重新刷新一下当前页面,就可以启用夜间模式的效果了。夜间模式通常会用深色为底色,用其他颜色反衬出网页的内容,从而避免网页背景过亮对眼睛的刺激。
实战2:百度谷歌双列显示结果
当然,并不是所有需要的CSS样式文件都可以在userstyles.org网站找到,因此有的时候我们需要手动添加。我们可以自己编写,也可以从论坛或者贴吧中找到想要的CSS样式文件。
现在无论是台式机还是笔记本电脑,使用的基本上都是宽屏显示器,这样在使用百度搜索时,单列显示结果会“浪费”大量的屏幕资源,于是我找到一个可以将百度搜索结果显示为双列的CSS样式文件(下载地址:http://tinyurl.com/k24krvx)。
继续上个实战,点击浏览器“工具”菜单中的“附加组件”,在弹出的窗口中,选择左侧列表中“用户样式”项。点击窗口里面的“编写新样式”按钮,在弹出的对话框中分别设置CSS样式的“名称”和“标签”。接着将下载的CSS样式文件,用一个文本编辑器进行打开,将其中的所有代码粘贴到CSS样式编辑框里面(图2)。设置完毕点击“保存”按钮,手工添加CSS样式文件的工作也就完成了。
以后当我们用百度(或谷歌)搜索时,搜索结果会以两列的形式显示,比平常多显示出双倍的结果,而且以前显示在旁边的广告信息也被成功过滤了,显得更加简洁实用(图3)。
要想更好地使用和管理CSS,无论是谷歌还是火狐浏览器,都需要安装一个名为Stylish的扩展。这里以火狐浏览器为例,首先点击“工具”菜单中的“附加组件”命令,在弹出的窗口选择左侧列表中的“获取附加组件”项,再在窗口的左上角输入关键词“Stylish”搜索,搜索到后点击该扩展名称后的“安装”。安装完毕,点击“立即重启”完成浏览器对该扩展的确认。
实战1:启用夜间模式浏览
每天对着电脑工作时间一长,就会觉得眼睛发干和难受。其实我们可以通过CSS样式文件,对网页的内容进行调节,改变网页背景过亮的情况。
首先登录http://userstyles.org,在窗口左侧输入关键词Global dark style,在搜索结果里面可以看到大量的夜间模式样式。从中选择一个自己喜欢的样式并打开链接,接着在弹出的网页中点击Install with Stylish按钮。然后在弹出的“安装用户样式”窗口点击“安装”,完成这个CSS样式文件的安装(图1)。
最后重新刷新一下当前页面,就可以启用夜间模式的效果了。夜间模式通常会用深色为底色,用其他颜色反衬出网页的内容,从而避免网页背景过亮对眼睛的刺激。
实战2:百度谷歌双列显示结果
当然,并不是所有需要的CSS样式文件都可以在userstyles.org网站找到,因此有的时候我们需要手动添加。我们可以自己编写,也可以从论坛或者贴吧中找到想要的CSS样式文件。
现在无论是台式机还是笔记本电脑,使用的基本上都是宽屏显示器,这样在使用百度搜索时,单列显示结果会“浪费”大量的屏幕资源,于是我找到一个可以将百度搜索结果显示为双列的CSS样式文件(下载地址:http://tinyurl.com/k24krvx)。
继续上个实战,点击浏览器“工具”菜单中的“附加组件”,在弹出的窗口中,选择左侧列表中“用户样式”项。点击窗口里面的“编写新样式”按钮,在弹出的对话框中分别设置CSS样式的“名称”和“标签”。接着将下载的CSS样式文件,用一个文本编辑器进行打开,将其中的所有代码粘贴到CSS样式编辑框里面(图2)。设置完毕点击“保存”按钮,手工添加CSS样式文件的工作也就完成了。
以后当我们用百度(或谷歌)搜索时,搜索结果会以两列的形式显示,比平常多显示出双倍的结果,而且以前显示在旁边的广告信息也被成功过滤了,显得更加简洁实用(图3)。