论文部分内容阅读
很多网站会不定期地进行一些改版操作,但是这样的修改往往会使得一些人不适应。除此以外,不少网页里面会有很多的广告信息,这样也会使得网页阅读起来不太方便。其实这一切都可以通过CSS对网站代码进行修改,最终使网站可以达到自己认可的阅读习惯。
简约时尚的微博界面
要想很好地使用CSS来改变网页的样式,首先需要为浏览器安装一个功能扩展。比如我使用的是谷歌浏览器,于是进入到谷歌应用商场,搜索一款名为Stylish的扩展。搜索出来的结果有很多,在结果中点击“扩展程序”这项,然后找到Stylish扩展进行安装就可以了。安装完成以后可以在地址栏旁边看到一个S图形的图标,在图标上点击鼠标右键,选择菜单中的“Stylish”命令,浏览器就会自动连接到一个专业的CSS网站。这里面有很多的CSS代码,可以供用户进行选择和使用。
比如我们想改变新浪微博的页面样式,让它变得更加简洁大方,同时又可以去除周边众多的广告。首先就在网页左上角的搜索框中输入“weibo”,按下回车键以后就可以看到很多相关的CSS样式(如图1)。从中选择一个自己比较满意的CSS样式,点击样式的名称后在弹出的页面中点击“install with Stylish”按钮(如图2)。这时会弹出一个安装CSS样式的询问对话框,点击对话框中的“确定”按钮,就可以安装到Stylish扩展里面。以后当我们重新进入新浪微博的时候,会发现新浪微博的页面有一种焕然一新的感觉(如图3)。
双列显示的谷歌搜索
有的时候并不是所有需要的CSS代码都可以在专业的网站里面找得到,或者说我们通过其他方式得到了相应的CSS代码的话,那么如何将其添加到扩展里面呢?首先点击谷歌浏览器右上角的自定义按钮,在弹出的菜单里面依次选择“工具”菜单中的“扩展程序”命令。在弹出的网页里面找到Stylish扩展的名称,然后点击扩展介绍下面的“选项”命令,在弹出的网页窗口就可以对所有的CSS代码进行管理。
由于现在的显示器基本上都是宽屏,所以我们可以利用CSS代码将搜索引擎的结果由一列显示为双列。现在点击左侧列表中的“写入新样式”按钮,在弹出的修改样式对话框中,首先在“名称”中为CSS代码设定一个名称,比如我们这里设置为“谷歌双列”。接着勾选上“已启用”选项,这样这段代码添加完成以后就可以马上使用。接下来将获得的CSS代码粘贴到右侧窗口里面的“代码”输入框中(如图4)。
由于找到的CSS代码只对指定的特定对象有用,于是在窗口下方找到“应用对象”选项。首先在列表中选择“该域上的网址”这项,接下来在后面的输入框中输入谷歌的网站,即www.google.com。设置完成以后点击“添加”按钮,接下来按照同样的方式添加其他的谷歌域名,比如www.google.com.hk、www.google.com.tw等。所有的设置完成以后,点击“保存”按钮和“返回进行管理操作”按钮,就能返回到Stylish扩展的主界面。以后再利用谷歌搜索引擎的时候,就会发现搜索结果用双列进行显示了(如图5)。
简约时尚的微博界面
要想很好地使用CSS来改变网页的样式,首先需要为浏览器安装一个功能扩展。比如我使用的是谷歌浏览器,于是进入到谷歌应用商场,搜索一款名为Stylish的扩展。搜索出来的结果有很多,在结果中点击“扩展程序”这项,然后找到Stylish扩展进行安装就可以了。安装完成以后可以在地址栏旁边看到一个S图形的图标,在图标上点击鼠标右键,选择菜单中的“Stylish”命令,浏览器就会自动连接到一个专业的CSS网站。这里面有很多的CSS代码,可以供用户进行选择和使用。
比如我们想改变新浪微博的页面样式,让它变得更加简洁大方,同时又可以去除周边众多的广告。首先就在网页左上角的搜索框中输入“weibo”,按下回车键以后就可以看到很多相关的CSS样式(如图1)。从中选择一个自己比较满意的CSS样式,点击样式的名称后在弹出的页面中点击“install with Stylish”按钮(如图2)。这时会弹出一个安装CSS样式的询问对话框,点击对话框中的“确定”按钮,就可以安装到Stylish扩展里面。以后当我们重新进入新浪微博的时候,会发现新浪微博的页面有一种焕然一新的感觉(如图3)。
双列显示的谷歌搜索
有的时候并不是所有需要的CSS代码都可以在专业的网站里面找得到,或者说我们通过其他方式得到了相应的CSS代码的话,那么如何将其添加到扩展里面呢?首先点击谷歌浏览器右上角的自定义按钮,在弹出的菜单里面依次选择“工具”菜单中的“扩展程序”命令。在弹出的网页里面找到Stylish扩展的名称,然后点击扩展介绍下面的“选项”命令,在弹出的网页窗口就可以对所有的CSS代码进行管理。
由于现在的显示器基本上都是宽屏,所以我们可以利用CSS代码将搜索引擎的结果由一列显示为双列。现在点击左侧列表中的“写入新样式”按钮,在弹出的修改样式对话框中,首先在“名称”中为CSS代码设定一个名称,比如我们这里设置为“谷歌双列”。接着勾选上“已启用”选项,这样这段代码添加完成以后就可以马上使用。接下来将获得的CSS代码粘贴到右侧窗口里面的“代码”输入框中(如图4)。
由于找到的CSS代码只对指定的特定对象有用,于是在窗口下方找到“应用对象”选项。首先在列表中选择“该域上的网址”这项,接下来在后面的输入框中输入谷歌的网站,即www.google.com。设置完成以后点击“添加”按钮,接下来按照同样的方式添加其他的谷歌域名,比如www.google.com.hk、www.google.com.tw等。所有的设置完成以后,点击“保存”按钮和“返回进行管理操作”按钮,就能返回到Stylish扩展的主界面。以后再利用谷歌搜索引擎的时候,就会发现搜索结果用双列进行显示了(如图5)。