小鹅喜欢的一些网站中有些设计排版让人很不爽,例如标题和正文字体一样大,甚至连加粗也没有。所以特地跑到谷歌应用商店淘了一款免费好用的插件。

这是一款谷歌浏览器的插件(QQ浏览器等也有),名字叫stylebot,用于自定义某个网站的设计/排版。

1、看下怎么安装:

从扩展工具里进入谷歌应用商店,搜索stylebot。

网站美化主题教程(用这个插件定制你看到的东西)(1)

点击“添加到CHROME”:

网站美化主题教程(用这个插件定制你看到的东西)(2)

会有一个提示,点击确定就好。然后就安装好了。装好后确认一下:

QQ浏览器可以在“应用中心”找。

2、简单用法

小鹅以 要在电脑上录制清晰的动图,用这款免费软件就够了 这篇文章为例,说明下用法:

网站美化主题教程(用这个插件定制你看到的东西)(3)

在觉得设计不合适的地方,右击选择“Stylebot”,然后选择“Style Element”,在右边弹出的界面可以轻松修改字体、大小、颜色等。

网站美化主题教程(用这个插件定制你看到的东西)(4)

网站美化主题教程(用这个插件定制你看到的东西)(5)

要清除自定义的排版,这样做:

网站美化主题教程(用这个插件定制你看到的东西)(6)

3、高级用法

基本用法已经能解决大部分问题了,但高级用法的定制型更强,那就是自己去编写CSS。

这个需要网站设计的基础,哪些IT公司找的web开发工程师懂这些。

简单来说,CSS是一门简单的编程语言,用来定义网站的排版。而stylebot这个插件的原理无非就是把小鹅自定义的CSS应用在指定的网站上。

看下用法:

网站美化主题教程(用这个插件定制你看到的东西)(7)

对CSS感兴趣? 可以在这个免费网站学一学: http://www.runoob.com/css/css-tutorial.html 。

,