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

网络整理 - 07-27

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

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

  图2

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

  @-moz-document url-prefix("") {
  .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就会按照自己的设定来改变版面,以后再阅读起来就会方便很多。