当前位置: 上海快三开奖结果查询结果 > Chrome插件问答 > Chrome Stylish插件怎么用?

排列三组六6码遗漏:Chrome Stylish插件怎么用?

Chrome插件问答
 
stylish 插件是我们对网站进行样式修改时常用的 chrome插件 。其原理就是修改网页的CSS样式,用户可以通过自己写css代码,来修改网页为自己喜欢的排版和浏览习惯,这个对于文字较多的
stylish插件是我们对网站进行样式修改时常用的上海快三开奖结果查询结果。其原理就是修改网页的CSS样式,用户可以通过自己写css代码,来修改网页为自己喜欢的排版和浏览习惯,这个对于文字较多的网页尤其赞啊。当然小白不用担心,Stylish网站还提供网站CSS样式分享功能,里面已经有很多高手改好的CSS样式啦,我们可以自己选择。Stylish插件可以优化页面的样式。对于大多数普通用户来说,使用 Stylish插件套用那些现成的模板,来优化那些设计不佳或风格不喜欢的网站,是个很好的解决方案。我们今天就来给大家说说Chrome Stylish插件怎么用?我们从以下几个方面来介绍:
stylish的使用方法

1.stylish插件哪里下载?

上海快三开奖结果查询结果 www.mbgp0.cn 1.可以打开chrome应用商店就在官网搜索stylish,在线安装。
2.不能打开chrome应用商店就在chrome插件网下载CRX文件离线安装。

3.如果你不能打开chrome应该商店又执意到上去,请参照:有哪些可以访问谷歌搜索、谷歌学术网站的方法?

2.stylish插件怎么安装到chrome浏览器?

1.在线安装stylish插件的方法不用多说,直接点击添加到chrome即可:
在线安装stylish插件
2.stylish插件的离线安装方法参照:怎么在谷歌浏览器中安装.crx扩展名的离线chrome插件

3.使用Stylish网站提供的CSS样式的方法

1.在chrome浏览器中安装好stylish插件后,在浏览器的右上方可以看到一个S的按钮标记。当stylish插件是亮着时表示开启,灰色就表示关闭。
2.下面我们举例对某个网站例如新浪微博进行网站样式的调整。打开微博官网后点击stylish插件按钮,第一次使用时会看到可以使用的样式表为0,如下图所示:
stylish插件使用1
3.点击“为此网站查找更多样式”即会跳转到官网搜索微博相关样式,如下图所示:

stylish微博网站样式
4.页面里已经有很多分享的样式了,Stylish 就会为你列出该网站合适的CSS模板。我们点击进入安装页面选择某一个样式,点击下载。网站会提示是否确定添加此样式至stylish样式表,确认即可。当然你也可以不停的试试,找到自己最喜欢的样式。
添加样式至stylish
5.下面我先看一下新浪微博安装stylish样式插件之前的样式是:
安装stylish插件前
安装了我们刚才选择的stylish样式插件后的是这样的:
安装了stylish插件后
6.如果你对自己选择的样式不喜欢的话,可以直接点击禁用就可以啦。
禁用stylish插件

4.高手自己编写CSS样式的方法

如果CSS编码在行的话,还可以自己在修改页面对CSS样式进行调整!
编辑css样式
下面是一段网页自己编写的修改网页字体的CSS样式。


参考样式代码:

/*三行分别是字体粗细(整百数字),字体样式,字体阴影*/
*{font-weight:500!important;}
*{font-family: “Microsoft Yahei”, “Microsoft Yahei” !important; }
*{text-shadow:0.01em 0.01em 0.01em #999999 !important;}

/*滚动条*/
::-webkit-scrollbar{width: 6px;height: 6px;}
::-webkit-scrollbar-track-piece{background-color: #CCCCCC;-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:vertical{height: 5px;background-color: #999999;-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:horizontal{width: 5px;background-color: #CCCCCC;-webkit-border-radius: 6px;}
::-webkit-scrollbar {width: 9px;height: 9px;}
::-webkit-scrollbar-track-piece {background-color: transparent;}
::-webkit-scrollbar-track-piece:no-button {}
::-webkit-scrollbar-thumb {background-color: #3994EF;border-radius: 3px;}
::-webkit-scrollbar-thumb:hover {background-color: #A4EEF0;}
::-webkit-scrollbar-thumb:active {background-color: #666;}
::-webkit-scrollbar-button:vertical { width: 9px; }
::-webkit-scrollbar-button:horizontal { width: 9px; }
::-webkit-scrollbar-button:vertical:start:decrement { background-color: white; }
::-webkit-scrollbar-button:vertical:end:increment { background-color: white; }
::-webkit-scrollbar-button:horizontal:start:decrement { background-color: white; }
::-webkit-scrollbar-button:horizontal:end:increment { background-color: white; }
body::-webkit-scrollbar-track-piece {background-color: white;}

/*指向图片绿光*/
img:hover{box-shadow: 0px 0px 4px 4px rgba(130,190,10,0.6) !important;-webkit-transition-property: box-shadow;-webkit-transition-duration: .31s;}
img{-webkit-transition-property: box-shadow;-webkit-transition-duration: .31s;}

/*输入框美化*/
input { border:#ccc 1px solid; border-radius: 6px; -webkit-border-radius: 6px;-webkit-border-radius: 6px;}
input[type=”text”]:focus, input[type=”password”]:focus, textarea:focus {border: 2px solid #6FA1D9 !important;-webkit-box-shadow:0px 0px 5px #6FA1D9 !important;outline:none}
input[type=”checkbox”]:focus,input[type=”submit”]:focus,input[type=”reset”]:focus, input[type=”radio”]:focus {border: 1px solid #6FA1D9 !important; outline:none}
input:focus, select:focus, textarea:focus {outline: 1px solid #10bae0 ;-webkit-outline-radius: 3px ;}
body a:hover:active {color: #10bae0;}
body *:focus {outline: 2px solid rgba(16,186,224,0.5) ;outline-offset: 1px ;outline-radius: 2px ;-webkit-outline-radius: 2px ;}
body a:focus {outline-offset: 0px ;}
body button:focus,
body input[type=reset]:focus, body input[type=button]:focus, body input[type=submit]:focus {outline-radius: 2px !important;-webkit-outline-radius: 2px !important;}
body textarea:focus, body button:focus, body select:focus, body input:focus {outline-offset: -1px !important;}

/*淡蓝色样式*/
a{-webkit-transition: all 0.3s ease-out;}
a:hover{color: #39F !important;text-shadow:-5px 3px 18px #39F !important;-webkit-transition: all 0.3s ease-out;}
*::-webkit-selection {background: #333333 !important; color: #00FF00 !important; }

/*去除下划线*/
*{text-decoration:none!important}
a:hover{text-decoration:none!important}

a{
/*color: #014A8F;*/
-webkit-transition-property:color;
-webkit-transition-duration: 0.0s;
}

/*指向文字加粗*/
a:hover {
/*color: #0000FF ;*/
-webkit-transition-property:color;
-webkit-transition-duration: 0.0s;
font-weight:bold
}

/*访问过链接红色*/
a:visited, a:visited *, a:active, a:active * {color: #FF0000 !important;}


5.常用stylish样式推荐

1.百度轻   //userstyles.org/styles/123858
2.百度多栏  //userstyles.org/styles/127217
3.Dishonored - Google Theme   https://userstyles.org/styles/123499/dishonored-google-theme
4.Google Variety   https://userstyles.org/styles/128178/google-variety
5.TieBa - Maverick 【百度贴吧】   https://userstyles.org/styles/124770/tieba-maverick
6.哔哩哔哩(bilibili.com)样式调整     https://userstyles.org/styles/102179/bilibili-com
 
以上就是我们今天为大家介绍的chrome stylish插件的一些基础的使用方法,近期我们chrome插件网还会整理一篇文章介绍如何利用stylish插件自定义网页的字体。当然,更高级一点的话,Stylish插件实际上还可以实现去除广告、补全浏览器部分功能,后续有机会我们都会陆续分享。希望我们的分享能够帮助到大家。

你可能感兴趣:

1.Tampermonkey脚本安装问题及自用脚本推荐

2.Tampermonkey插件怎么用?

3.如何使用adblock plus过滤规则隐藏html元素?

  • 小扎和马斯克不换衣服?是你没看穿他们的小算计 2018-08-15
  • 张抗抗谈推动全民阅读需要“新思路” 2018-07-14
  • 抗战胜利70周年东方主战场影像馆 2018-07-13
  • 张洪忠:人工智能是一种技术迭代,不是对人的替代 2018-07-13
  • 旅游市场再创佳绩端午假期河北接待游客2026.77万 揽金147.79亿 2018-07-13
  • 高清:李娜为2016武汉网球公开赛票务启动仪式助阵 2018-07-13
  • 凤凰宅吉送——夏至时节 如何旺运养生 ——凤凰网房产北京 2018-07-12
  • 联合国:叙利亚新增92万无家可归者另有560万难民逃亡邻国 2018-07-12
  • 女子车上突然发病 公交车长现场急救 2018-07-12
  • 西部网(陕西新闻网)www.cnwest.com 2018-07-11
  • 一语惊坛(6月12日):五大福利惠及大民生,上合青岛峰会与你我息息相关! 2018-07-11
  • 回复@老老保老张工:真没兴趣理你这种老蚕!别粘着咱把你自己搞得像块牛皮癣似的! 2018-07-11
  • 中奥伍福投资集团向北京科技大学度学院捐赠仪式在京举行 2018-07-11
  • 好好的书报亭放没放样,周围堆得一塌糊涂乱七八糟,真正的主人都搓麻将去了。再现代化造型在金钱至上的社会不可能再有相应的雅知气了。 2018-07-10
  • 你的第一段就认识错误。中国人如果认为神赐就能有幸福,就不会有后羿射日精卫填海愚公移山的故事了。中华文明世界观推导出的方法论就是八个字,事在人为,人定胜天。 2018-07-10
  • 14| 617| 208| 776| 923| 644| 86| 108| 959| 66|