stylist下载(chrome网页样式自定义插件) v2.1.0 官方版免费版

stylist是一款功能强大、简单实用等chrome网页样式自定义插件，用户通过stylist官方版可以对网页css代码进行删除或者优化，包括：页面颜色以及页面文字等方面的元素。这样能够为用户带来视觉上的享受。

【基本介绍】

Stylist Chrome是谷歌浏览器上的一款可以自定义网页CSS的插件，它允许用户在浏览某些页面的时候可以自动剔除或者优化一些css代码。比如修改文字的样式，背景的颜色，让你的视觉效果更舒服。

【官方介绍】

Stylist(Chrome插件)是一款谷歌浏览器扩展插件程序，支持所有的chrome内核浏览器，安装之后可以让你自定义网页的CSS，你可以修改网页的字体和颜色，也可以说是一款个性化设置插件，而且它还有一个非常实用的功能，就是能够屏蔽广告。

【stylist功能特色】

1、自定义CSS;
2、可以设置字体;
3、可以设置背景颜色;
4、可以屏蔽广告;
5、可以剔除一些CSS代码;
6、可以删除一些CSS代码。

【stylist安装步骤】

stylist插件怎么安装？

如图，打开Chrome浏览器，依次点击A->B->C进入插件管理界面。


如图，这是Chrome插件管理界面。将下载好的crx插件文件拖到Chrome插件管理界面中去，松开鼠标即可。


如图，Chrome会弹出安装插件的提示，点击添加。


安装完成之后的界面，基本上到这一步就能在Chrome插件管理界面看到安装之后的插件了。其中右上角的菜单条会出现插件的设置按钮（部分插件此处没有设置按钮）。


至此，已经完成了插件的安装。如果需要配置，可以在右上角的设置栏或者插件管理界面进行更多的操作。

【stylist使用方法】

stylist插件怎么使用？

1.在chorme浏览器安装好stylist后，在浏览器的右上方会看到stylist的按钮标记。比如你希望让网页字体变更为徐静蕾字体，就可以在Chrome Stylist的styles中写入： *{font-family: "方正静蕾简体", "华文行楷","微软雅黑", sans-serif !important; } PS：如果是修改字体，那么你的设备中应该已经安装了相应的字体，否则修改是无效的。

2.用户还可以设置背景颜色： 工具->扩展程序找到Stylist 点选项进行设置 如下图所示点Styles--demo---选择All site 再把这段代码粘贴在下面就行了 * { background: #C7EDCC !important; }
其中 #C7EDCC为你要设置的颜色 你可以设置任意颜色 这个颜色是看别人这样说比较保护眼睛 所以也就推荐下 个人觉得这个颜色还不错


附：豆沙绿的参数 RGB颜色 199；237；204 十六位颜色代码 #C7EDCC 色调：85；饱和度：123；亮度：205
3.用户还可以利用stylist的功能屏蔽新浪微博上的广告。DIY 自己的微博界面或者其他的网站，比如腾讯微博、QQ 空间、Facebook 等等。方法如下：依次点击 “选项” - “设置” - “扩展程序” 和 Stylist 旁的 “选项”。


点击选项卡中的 “Style” 页签，然后点击 “Add New Style”；在顶部的黑色输入框里输入 “Weibo”；把 Style set 下方的下拉框选择为 “domain”，在旁边的输入框里输入 “weibocom”；将以下代码复制到最大的文本框里，然后点击 “Save” 保存。

.W_rightModule, __regexoperators___/* 隐藏右侧栏广告 */
.hot_topicad, __regexoperators___/* 隐藏热点话题中的广告 */
#pl_leftnav_app, __regexoperators___/* 隐藏左侧栏的最近应用 */
#trustPagelet_recom_memberv5, __regexoperators___/* 隐藏右侧栏的会员专区 */
#pl_rightmod_noticeboard, __regexoperators___/* 隐藏右侧栏的公告栏 */
__regexoperators___/* 隐藏侧栏微吧内容 */
#trustPagelet_indexright_recom .WB_right_module:last-child,
#topicAD > ul, __regexoperators___/* 隐藏最新的热点话题广告 - 20130815 更新 */
[node-type=hot], __regexoperators___/* 隐藏导航栏里的“热点” */
[node-type=feed_spread], __regexoperators___/* 隐藏信息流里的推广内容 */
[node-type=member], __regexoperators___/* 隐藏导航栏里的“会员”*/
[feedtype=ad], __regexoperators___/* 隐藏信息流里的广告 */
[ad-data] { __regexoperators___/* 隐藏宽幅广告 */
display: none;
}
[node-type=game] { __regexoperators___/* 隐藏导航栏里的“游戏” */
visibility: hidden;
}
.WB_webim { __regexoperators___/* 淡化侧面的在线聊天栏 */
opacity: .3;
}
.WB_webim:hover { __regexoperators___/* 鼠标移到聊天栏上时变回正常 */
opacity: .9;
}
__regexoperators___/* 下面这些是调松页面布局的 */
.WB_right_module {
margin: 40px 0 20px;
}
.WB_feed .WB_feed_type {
margin: 20px 20px 0;
}
#pl_content_homeFeed {
margin-top: 30px;
}

如下图所示：