Visual CSS Editor

Visual CSS Editor在浏览器中使用的扩展工具,这款工具支持可视化编辑,支持调整颜色、字体、大小、位置等,欢迎需要的朋友下载使用。

介绍

该扩展允许您自定义任何网站而无需编码。单击一个元素并开始可视化编辑。调整颜色、字体、大小、位置等等。使用 60 多种样式属性完全控制您网站的设计。

功能

- 视觉检查员
- 直观地定制任何网站
Visual CSS Editor插图
- 自动 CSS 选择器
- 60 多个 CSS 属性
- 视觉拖动
- 视觉边距和填充编辑
- 撤消/重做历史记录
- 导出 CSS 样式

设计资产

一键获取许多设计资产。定制任何网站设计以满足您的需求!
- 900+ 谷歌字体
- Unsplash 背景图片
- 材质和平面调色板

设计工具

该扩展为您提供了高级工具和即用型库,可轻松设计网站样式。
- 柔性元件检查器
- 单元素检查器
- 响应式工具
- 元素搜索工具
- 测量工具
- 线框视图
- 设计信息工具
- 梯度发生器

CSS 属性 - 文本:

- 字体系列
- 字体粗细
- 颜色
- 文字阴影
- 字体大小
- 行高
- 字体样式
- 文本对齐
- 文本转换
- 字母间距
- 字间距
- 文字装饰
- 文本缩进
- 自动换行

CSS 属性 - 背景:

- 背景颜色
- 背景图
- 背景剪辑
- 背景混合模式
- 背景位置
- 背景尺寸
- 背景重复
- 背景附件

其他 CSS 属性:

- 利润
衬垫
- 边界
- 边界半径
- 位置
- 宽度
- 高度
- 列表
- 弹性盒
- 盒子阴影
- 筛选
- 转换
- 不透明度
- 展示
- 光标
- 漂浮
- 清除
- 能见度
- 指针事件
- 溢出

插件安装说明

1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装
5、安装好后即可使用

Visual CSS Editor下载地址
Visual CSS Editor插图1
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!
0 0 投票数
文章评分
订阅评论
提醒
guest
0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请您发表评论x