加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

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

发布时间:2018-08-20 07:38:33 所属栏目:创业 来源:站长网
导读:本文接头怎样操作 Firefox 的Stylish插件调解网页的CSS机关,让用户能越发轻松惬意地赏识网页。 此刻有越来越多的人在行使Google Reader,操作Google Reader可以很是利便的订阅、阅读 RSS。但Google Reader也有本身不敷之处,首要是在阅读上不是很利便。RSS
本文接头怎样操作Firefox的Stylish插件调解网页的CSS机关,让用户能越发轻松惬意地赏识网页。

  此刻有越来越多的人在行使Google Reader,操作Google Reader可以很是利便的订阅、阅读 RSS。但Google Reader也有本身不敷之处,首要是在阅读上不是很利便。RSS 内文的空间宽度以及字号较量窄了一点,阅读体验并不是很抱负(图1)。

  用Firefox插件调解CSS 优化网页视觉体验  图1

  假如你行使的是Firefox赏识器,可以操作一款Stylish的插件来改变Google Reader的机关,让阅读越发利便(点击下载)。

  Stylish这款插件首要浸染是让CSS样式的网页可以自由的调动,不管是配景、字型、行间距都可以共同我们的必要而改变。只要对 CSS 有根基的熟悉再共同插件,那么想要对某个网页举办大改革就变得轻而易举。

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

  用Firefox插件调解CSS 优化网页视觉体验图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就会凭证本身的设定来改变版面,往后再阅读起来就会利便许多。

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读