天极传媒:
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆合肥惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
您现在的位置: 天极网 > 软件 > 网页>评测>用Firefox插件优化网页视觉体验

用Firefox插件调整CSS 优化网页视觉体验

电脑报2008-08-31 04:04我要吐槽

  本文讨论如何利用FirefoxStylish插件调整网页的CSS布局,让用户能更加轻松舒服地浏览网页。

  现在有越来越多的人在使用Google Reader,利用Google Reader可以非常方便的订阅、阅读 RSS。但Google Reader也有自己不足之处,主要是在阅读上不是很方便。RSS 内文的空间宽度以及字号比较窄了一点,阅读体验并不是很理想(图1)。

    图1

  如果你使用的是Firefox浏览器,可以利用一款Stylish的插件来改变Google Reader的布局,让阅读更加方便(点击下载)。

  Stylish这款插件主要作用是让CSS样式的网页可以自由的变换,不管是背景、字型、行间距都可以配合我们的需要而改变。只要对 CSS 有基本的认识再配合插件,那么想要对某个网页进行大改造就变得易如反掌。

  先将插件安装在Firefox。在Firefox中登录Google Reader网站,然后在下面会看到Stylish按钮。点击该按钮后,选择“撰写样式→空白样式”(图2)。

  图2

  在描述中输入Google,在下面文本框中输入CSS代码:

  @-moz-document url-prefix("http://www.google.com/reader") {
  .entry .entry-body {max-width:100% !important; font-size:16px !important; line-height:150% !important;}
  }

  提示:max-width: 100%:指最大宽度为 100%;font-size: 16px:指字号为 16像素;line-height: 150%:指行高 (或称为行间距)为 150%,除了用百分比之外还可以用像素来指定行高,例如 32px。

  可以根据自己的喜好来输入相对应代码,选择好之后点击预览按钮可以查看修改后的效果,如果觉得没有问题,点击确定按钮保存设置。这样Google Reader就会按照自己的设定来改变版面,以后再阅读起来就会方便很多。

作者:小新责任编辑:Shiny)
请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
热点推荐
微软Windows 10操作系统Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。[详细]
Windows 10 新视界 [进入频道][使用技巧][微博互动]
手机整机DIY企业级