Stylish -- 美化 Web 页面的样式

galeki post in

可以让你增加 CSS 属性，以增强或者改善 Web 页面的显示效果，也许你还不明白什么意思，让我们举例说明一下～

安装完 Stylish，打开 Stylish 的首选项就会看到 CSS 的管理界面了：

现在还什么样式都没有，首先选个网站开刀，比方说 Google ～

一直以来都觉得 Google 首页默认的输入框和按钮太丑了，一点都不平滑：

让我们通过 Stylish 来改善吧，在上面的“管理样式”中点击“撰写”，写入如下内容：

了解 CSS 的同学一看便知道这些 CSS 代码是什么意思，就是给了 input 标签一个灰色的边框，和几个像素的内边距和外边距而已，这样，我们再打开 Google 的主页，效果就好多了：

现在明白 Stylish 的作用了吧，如果你用过 Firefox 的 Greasemonkey 插件的话，那么 Stylish 相对于 CSS 的关系，就相当于 Greasemonkey 和 Javascript 的关系～

你还可以用 Stylish 来修改页面的默认字体，对于在 Linux 下看某些默认字体设置为“宋体”之类的中文站点非常实用～

当然这些都是雕虫小技，如果你对 CSS 非常了解，可以写出非常强大的装饰样式代码，将页面按照你的意愿改个天翻地覆 ～

不了解 CSS 的同学也不用伤心，可以去 上面下载安装别人写好的代码，举几个不错的例子：

比如这个 OS X Style Google Reader 可以让你的 Google Reader 界面变成苹果风格：

这个 Icons identifiers of links 可以让网页上针对不同文件的链接，显示不同的小图标：

还有这个：FTP pages were awful，可以把 Firefox 默认的 FTP 界面改得非常漂亮：

更多的样式自己去 上搜吧，所有的样式都提供了一键式安装，只要你安装了 Stylish 插件，点一下就可以把样式加到 Stylish 管理器中了～

你可以随时在 Stylish 样式管理器中禁用和启用这些样式，还可以再编辑和删除，并且 Stylish 还可以跟 It's All Text! 这个插件交互，如果你安装过，就可以用自己喜欢的编辑器来写 CSS 了～

Stylish 的安装地址：