截图
详情信息
Stylebot是一款能自定义网页样式的chrome页面样式自定义插件。这款插件允许用户轻松自定义网页的样式，包括颜色、字体、布局等，无需任何编程知识即可实现网页的美化。通过这款插件，用户可以直接在网页上实时编辑样式，实时预览效果，提供了极大的灵活性。它不仅支持简单的样式更改，如背景色和文字颜色，还能进行复杂的布局调整，满足不同用户的个性化需求。
软件教程
插件安装
1、小编这里使用的是chrome浏览器，首先在标签页输入【chrome://extensions/】进入chrome扩展程序，解压你在本页下载的Stylebot插件，并拖入扩展程序页即可。
2、安装完成后，打开网页试试效果吧。
3、进入网页后，使用者可以点击右上角的插件图标来打开其选项窗口。
4、点击第一个选项即会在页面中出现一个工具栏，通过该工具栏即可改变页面的字体、背景、板块等方面的CSS样式，而点击第二个选项即可将页面样式下载下来，而第三个选项则是分享使用者的样式，第四个则能重置该页面的所有样式。
5、若是想要稍微调整该插件的一些功能，可以右键点击Stylebot插件图标，并选择选项一栏进入设置页面，在该页面中使用者可以设置插件的基本编辑模式、是否启用快捷键以及设定快捷键组合等功能选项。
6、同时，使用者还能通过设置页面编写属于自己的CSS样式应用到页面中。
软件特色
★易于使用：使用 UI 操作挑选元素并设置样式
★简单快捷：更改立即保存
★代码编辑器-在这里编写自己的 CSS
★可读性模式-通过隐藏非必要的页面元素（如侧边栏，页脚和广告），提升网页阅读体验。
★灰度模式-启用灰度以减少来自网页的刺激
功能详情
左图红框中按钮用于选择元素，单击该按钮，选择相应元素，被选中元素会出现绿色提示框。
右图红框中显示的是选择器内容，选择器的内容与被选中元素保持一致。注意这里插件自动获取的是元素选择器，所以在改变样式时可能会改变其他内容，请谨慎使用。
l Font Family：设置文本字体。
l Font Size：设置字体的大小。
l Font Weight：设置字体的粗细。Bold-加粗；Normal-普通。
l Font Style：设置字体风格。Italic-倾斜；Normal-普通。
l Font Variant：Small Caps-小写字母变为小型大写字母；Normal-普通。
l Transform：Abc-英文单词首字母大写；ABC-英文字母全部大写；abc-英文字母全部小写；none-不作改变。
l Decoration：ab-为文本添加下划线；ab-为文本添加中划线；ab-为文本添加上划线；none-不作改变。
l Line Height：设置文本行间距。
l Letter Spacing：设置字符的间距。
l Color：元素颜色；BackgroundColor：元素背景色。可以点击第一个框选择颜色，或者在输入框内输入颜色代码。
l Border Style：设置边框风格，在下拉菜单中选择边框风格。
l Color：设置边框颜色。用法与上面的Color相同。
l Thickness：边框厚度，在中间输入数值可以同时设置4条边框的厚度，周围的四个的输入框分别代表四条边框的厚度，四周的厚度设置优先级高于中间输入框。
l Visibility：hide-隐藏元素，激活hide按钮，隐藏被选中的元素。
l Height：设置元素的高度。
l Width：设置元素的宽度。
l Margin：设置元素的外边距，用法与Thickness相同。
l Padding：元素的内边距，用法与Thickness相同。
l Basic：打开StyleBot的初始页面。
l Advanced：可以输入CSS代码来改变元素的样式。
l Edit CSS：这个页面内的CSS代码就是在Basic页面中设置元素样式所产生的代码。若要使用在插件中设置的CSS代码，只要将这个页面内的CSS代码复制，放到wide页面级CSS代码中即可。
l Undo：撤销最后一次操作。
l Reset：移除选中元素修改的样式。
l Reset Page：移除整个页面修改的样式。
注意：使用插件改变元素样式，获取到CSS代码后，需将插件的属性改为初始值，否则再次打开页面时，插件中的样式仍然会生效，不会随着页面的关闭而恢复到初始值。点击Reset按钮或者Reset Page按钮可以将页面恢复到初始状态。
