stylist是一款功能強(qiáng)大、簡單實(shí)用等chrome網(wǎng)頁樣式自定義插件，用戶通過stylist官方版可以對網(wǎng)頁css代碼進(jìn)行刪除或者優(yōu)化，包括：頁面顏色以及頁面文字等方面的元素。這樣能夠?yàn)橛脩魩硪曈X上的享受。

【基本介紹】

Stylist Chrome是谷歌瀏覽器上的一款可以自定義網(wǎng)頁CSS的插件，它允許用戶在瀏覽某些頁面的時(shí)候可以自動(dòng)剔除或者優(yōu)化一些css代碼。比如修改文字的樣式，背景的顏色，讓你的視覺效果更舒服。

【官方介紹】

Stylist(Chrome插件)是一款谷歌瀏覽器擴(kuò)展插件程序，支持所有的chrome內(nèi)核瀏覽器，安裝之后可以讓你自定義網(wǎng)頁的CSS，你可以修改網(wǎng)頁的字體和顏色，也可以說是一款個(gè)性化設(shè)置插件，而且它還有一個(gè)非常實(shí)用的功能，就是能夠屏蔽廣告。

【stylist功能特色】

1、自定義CSS;
2、可以設(shè)置字體;
3、可以設(shè)置背景顏色;
4、可以屏蔽廣告;
5、可以剔除一些CSS代碼;
6、可以刪除一些CSS代碼。

【stylist安裝步驟】

stylist插件怎么安裝？

如圖，打開Chrome瀏覽器，依次點(diǎn)擊A->B->C進(jìn)入插件管理界面。


如圖，這是Chrome插件管理界面。將下載好的crx插件文件拖到Chrome插件管理界面中去，松開鼠標(biāo)即可。


如圖，Chrome會(huì)彈出安裝插件的提示，點(diǎn)擊添加。


安裝完成之后的界面，基本上到這一步就能在Chrome插件管理界面看到安裝之后的插件了。其中右上角的菜單條會(huì)出現(xiàn)插件的設(shè)置按鈕（部分插件此處沒有設(shè)置按鈕）。


至此，已經(jīng)完成了插件的安裝。如果需要配置，可以在右上角的設(shè)置欄或者插件管理界面進(jìn)行更多的操作。

【stylist使用方法】

stylist插件怎么使用？

1.在chorme瀏覽器安裝好stylist后，在瀏覽器的右上方會(huì)看到stylist的按鈕標(biāo)記。比如你希望讓網(wǎng)頁字體變更為徐靜蕾字體，就可以在Chrome Stylist的styles中寫入： *{font-family: "方正靜蕾簡體", "華文行楷","微軟雅黑", sans-serif !important; } PS：如果是修改字體，那么你的設(shè)備中應(yīng)該已經(jīng)安裝了相應(yīng)的字體，否則修改是無效的。

2.用戶還可以設(shè)置背景顏色： 工具->擴(kuò)展程序找到Stylist 點(diǎn)選項(xiàng)進(jìn)行設(shè)置 如下圖所示點(diǎn)Styles--demo---選擇All site 再把這段代碼粘貼在下面就行了 * { background: #C7EDCC !important; }
其中 #C7EDCC為你要設(shè)置的顏色 你可以設(shè)置任意顏色 這個(gè)顏色是看別人這樣說比較保護(hù)眼睛 所以也就推薦下 個(gè)人覺得這個(gè)顏色還不錯(cuò)


附：豆沙綠的參數(shù) RGB顏色 199；237；204 十六位顏色代碼 #C7EDCC 色調(diào)：85；飽和度：123；亮度：205
3.用戶還可以利用stylist的功能屏蔽新浪微博上的廣告。DIY 自己的微博界面或者其他的網(wǎng)站，比如騰訊微博、QQ 空間、Facebook 等等。方法如下：依次點(diǎn)擊 “選項(xiàng)” - “設(shè)置” - “擴(kuò)展程序” 和 Stylist 旁的 “選項(xiàng)”。


點(diǎn)擊選項(xiàng)卡中的 “Style” 頁簽，然后點(diǎn)擊 “Add New Style”；在頂部的黑色輸入框里輸入 “Weibo”；把 Style set 下方的下拉框選擇為 “domain”，在旁邊的輸入框里輸入 “weibocom”；將以下代碼復(fù)制到最大的文本框里，然后點(diǎn)擊 “Save” 保存。

.W_rightModule, __regexoperators___/* 隱藏右側(cè)欄廣告 */
.hot_topicad, __regexoperators___/* 隱藏?zé)狳c(diǎn)話題中的廣告 */
#pl_leftnav_app, __regexoperators___/* 隱藏左側(cè)欄的最近應(yīng)用 */
#trustPagelet_recom_memberv5, __regexoperators___/* 隱藏右側(cè)欄的會(huì)員專區(qū) */
#pl_rightmod_noticeboard, __regexoperators___/* 隱藏右側(cè)欄的公告欄 */
__regexoperators___/* 隱藏側(cè)欄微吧內(nèi)容 */
#trustPagelet_indexright_recom .WB_right_module:last-child,
#topicAD > ul, __regexoperators___/* 隱藏最新的熱點(diǎn)話題廣告 - 20130815 更新 */
[node-type=hot], __regexoperators___/* 隱藏導(dǎo)航欄里的“熱點(diǎn)” */
[node-type=feed_spread], __regexoperators___/* 隱藏信息流里的推廣內(nèi)容 */
[node-type=member], __regexoperators___/* 隱藏導(dǎo)航欄里的“會(huì)員”*/
[feedtype=ad], __regexoperators___/* 隱藏信息流里的廣告 */
[ad-data] { __regexoperators___/* 隱藏寬幅廣告 */
display: none;
}
[node-type=game] { __regexoperators___/* 隱藏導(dǎo)航欄里的“游戲” */
visibility: hidden;
}
.WB_webim { __regexoperators___/* 淡化側(cè)面的在線聊天欄 */
opacity: .3;
}
.WB_webim:hover { __regexoperators___/* 鼠標(biāo)移到聊天欄上時(shí)變回正常 */
opacity: .9;
}
__regexoperators___/* 下面這些是調(diào)松頁面布局的 */
.WB_right_module {
margin: 40px 0 20px;
}
.WB_feed .WB_feed_type {
margin: 20px 20px 0;
}
#pl_content_homeFeed {
margin-top: 30px;
}

如下圖所示：