一个支持同步且所见即所得的页面 CSS 编辑插件 for Google Chrome

推荐一个 Google Chrome 插件——Stylebot。简单说来就是一个所见即所得的 CSS 编辑工具，适合前端攻城师和洁癖症患者。

【下载地址】

https://chrome.google.com/webstore/detail/oiaejidbmkiecgbjeifoejpgmdaleoha

【官方介绍】

Stylebot allows you to quickly create and apply custom CSS to websites.

It is very easy to use. You pick an element and choose any changes you want to make. You can change the font size, color, margins, visibility and a lot more. The advanced users can also write the CSS manually.

Using Stylebot, you can personalize the look and feel of your favorite websites. It is also a great tool to learn CSS by doing and for debugging your own site’s design.

【功能特性】

全站 CSS 基本配置 / 高级自定义。

所见即所得、即时保存。

支持右键元素直接点取编辑。

支持同步（虽然还是实验阶段功能），一处编辑处处可用。

提供社会化样式脚本库（stylebot.me），内含大量用户现成脚本可供下载。

【用法】

例如，想屏蔽新浪微博上方难看的跑马灯 Banner 广告连同下方的过滤器，直接在 Stylebot 里输入：

.tips_player {
display: none;
}

#MIB_newFilter {
display: none;
}

效果演示：http://www.fanbing.net/wp-content/uploads/2011/07/2011-07-13_225801.png