当前位置:系统粉 >  系统教程 > 电脑软件教程 >  怎样用CSS改网页?用CSS改网页的方法。

怎样用CSS改网页?用CSS改网页的方法。

时间:2017-07-04 来源:互联网 浏览量:

今天给大家带来怎样用CSS改网页?用CSS改网页的方法。,让您轻松解决问题。

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

为浏览器添加CSS管理

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

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

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

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

安装CSS栏式文件

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

夜间模式下的新浪微博

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

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

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

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

手工添加CSS样式文件

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

网页显示效果

寻修网相关阅读:

Web2.0时代CSS挂马攻击简介及相应的防范方法

CSS挂马方法及防范方法

微软IE浏览器的CSS标签"零日"漏洞防范方案

IE CSS“圣诞”漏洞爆发 在线玩网页小游戏要小心

IE浏览器CSS 0day漏洞(圣诞漏洞)手动修复解决方案

寻修网系列阅读:

笔记本电脑保养系列专题文章

笔记本电脑使用技巧系列专题文章

windows系统常见问题处理大全

Windows 8探密系列

windows8使用技巧系列文章

windows 7使用技巧

WPS使用技巧系列文章

IE8使用技巧

IE浏览器常见故障处理大全

Office使用技巧系列文章

苹果iOS5系统功能详解

自己动手,丰衣足食——寻修网DIY系列文章

智能手机、平板电脑ROOT全攻略

各种操作系统安装图文教程

excel常用函数公式大全

iPad(iPad2)使用技巧

以上就是怎样用CSS改网页?用CSS改网页的方法。教程,希望本文中能帮您解决问题。

我要分享:
版权信息

Copyright @ 2011 系统粉 版权声明 最新发布内容 网站导航