stylist(chrome网页样式自定义插件)

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__./* 隐藏导航条里的“vip会员”*/
[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;
}

如下图所示：