切图生成css,css 切图-北京沣登科技发展公司

大家好，今天小编关注到一个比较有意思的话题，就是关于切图生成 css的问题，于是小编就整理了4个相关介绍切图生成CSS的解答，让我们一起看看吧。

如何将源代码转换成网页？需要什么工具？
蓝湖自动切图支持Sketch吗？
蓝湖自动切图支持Sketch吗？
前端切图自动化，设计师直接到后台开发，无需前端工程师，这合理吗？

如何将源代码 转换成网页？需要 什么 工具？

将下面的四个文件存在同一级目录下，再在同目录下建立一个文件txt.txt。当要处理 html 代码时，先将源代码拷入txt.txt，再进入 index_transform.asp，即可看到处理完的代码。写这个东西的本意是因为：经常要对美工用切图软件生成的网页文件转换成xsl，很头疼要花大量的时间去改写不规范的HTML代码。这个东西对全文所有的html代码进行改动：

1.把所有标记都变成小写；

div>

（图片来源网络，侵删）

2.把标签的属性值都加上双引号；

3.把单端标签

蓝湖自动切图支持Sketch吗？

支持的，你可以在蓝湖***上下载导入sketch就好。之前我也使用的蓝湖，在使用过程中发现蓝湖产品还是有一些bug，比如它不能提供全平台样式代码、更好地细化颜色选择......当然这也是我自己工作所需要的功能，对于你来说或许很好用。还是分享一下我现在在使用的墨刀，它和蓝湖都具有自动标注功能、快速生成交互原型，支持手机端演示分享功能......但是墨刀好用的地方有很多，在 Sketch 里对artboard切图，并且导入墨刀之后，可以在“标注”页面一键下载多倍率的切图。还有一个我特别喜欢的功能：墨刀除了支持元素在各平台之间的颜色、分辨率换算，还支持手动设置 HTML 的字体大小单位（rem/em），为开发者提供广阔的适配空间。你也可以试一试墨刀。希望对你有帮助，有疑问的地方欢迎追问~

（图片来源网络，侵删）

蓝湖自动切图支持Sketch吗？

前端切图自动化，设计师 直接到后台开发，无需前端工程师，这合理吗？

在现阶段条件下，我觉得类似的前端自动化还是不太靠谱的。

首先设计师对前端是否很熟悉是关键，他/她在设计效果图的时候，是否会只照顾美观而忽略了前端代码的兼容性问题，另外有关圆角的使用，[_a***_]的使用，渐变的使用是否合理等，这类型如果都依赖于工具自动生成HTML+CSS，可以想象会有多少垃圾冗余代码，如果直接将这类型代码用于生产环境，会造成多大的后果，显而易见。