文档章节

为什么会有psd转css?其优点和缺点?

FeanLau
 FeanLau
发布于 2017/06/12 14:47
字数 348
阅读 65
收藏 0

码上生花,ECharts 作品展示赛正式启动!>>>

​根本原因在于:psd文件比png图片文件更能转成html

psd文件具有详细的图层信息,这些都非常方便的转化成对应样式的html文件。可以这样说,只要有psd,就能方便的转化为html文件。

基本上会用photoshop的人非常多,用其他的设计工具,如Sketch和Axure都可以做出类似的设计,但是都比不上photoshop对位图强大的处理能力。

psd转html的关键所在,还是你的css水平,因为现在都非常强调能“用css的地方,就不要使用图片”。

psd转html的最终问题还是css的水平。

 

直接使用PS里的图层css样式拷贝出来的代码不完整,比如圆角写法应该要写成完整的,

-webkit-border-radius: 2px; 

-moz-border-radius: 2px;  

border-radius: 2px;  

通过软件copy出来的就只是

border-radius: 2px;   

 能不能达到效果,看你的CSS3水平吧,但是也不可能全部用代码代替的,和设计师本身对CSS的理解也息息相关。CSS3加载肯定是优于图像的,它也具有矢量的特征,也存在不同浏览器的兼容问题(当然我不考虑IE的,兼容问题相对少,但是也存在)。可不可行,看你的水平。​​​​

© 著作权归作者所有

FeanLau
粉丝 4
博文 252
码字总数 149351
作品 0
浦东
程序员
私信 提问
加载中
此博客有 1 条评论,请先登录后再查看。
【图像编辑】三款图像编辑软件Photoshop、AffinityPhoto、Gimp非专业简单横向对比

人的感知分为:视觉、听觉、嗅觉、味觉、触觉。视觉即是对光的强弱、颜色、鲜艳程度的感知。视觉在纸质上通过图像来表达,在计算机数字领域则通过图像(位图)和图形(矢量图)来表达,本文提及的...

osc_jvfdkl2k
2019/12/04
10
0
[转] 有一种生涯,叫PSD2HTML

CSS 诞生以前,如果谁拿着自己的 Photoshop 设计稿找人转换成 Web 页面,他只能失望。CSS 让一种不可能的生涯成为现实,PSD to HTML 或 XHTML,如今这是一个成熟的行业,本文搜集了40个从事 ...

红薯
2009/03/30
336
0
css清除浮动的几种方式,哪种最合适?

细心的人可能发现了,写的导航条中存在一个问题,那就是使用了float之后,父级盒子的高度变为0了。 我们来写一个例子来看一下,创建一个父级div,并设置border属性,然后下边创建两个子元素s...

osc_1khxb2l2
2019/07/08
2
0
浮动float、浮动影响和清除浮动

普通流(normal flow) 这个单词很多人翻译为 文档流 , 字面翻译 普通流 或者标准流都可以。 前面我们说过,网页布局的核心,就是用CSS来摆放盒子位置。如何把盒子摆放到合适的位置? CSS的定...

osc_rnrep3wi
2019/08/22
2
0
Web UI设计师需要了解的用栅格化系统指导网页设计

出处:https://www.jianshu.com/p/9838f217f4f6 致敬,,, -------------------------------------------------------------- 分割线 --------------------------------------------------......

osc_7tlpsez3
2018/01/12
2
0

没有更多内容

加载失败,请刷新页面

加载更多

BIO、NIO、AIO、Netty面试题

https://juejin.im/post/5e9421836fb9a03c7b3051bb

JaneRoad
27分钟前
19
0
elementui table缩略图滑过放大图片

html中 <el-table-column prop="qr_image" label="缩略图" width="180"> <template slot-scope="scope"> <el-popover trigger="hover" title="" placem......

大换子
36分钟前
16
0
家谱软件中的循环 - Cycles in family tree software

问题: I am the developer of some family tree software (written in C++ and Qt). 我是一些家庭树软件的开发者(用C ++和Qt编写)。 I had no problems until one of my customers mailed......

javail
37分钟前
23
0
MySQL 多表关联一对多查询取最新的一条数据

SQL语句 SELECT SQL_CALC_FOUND_ROWS* FROMtableA aLEFT JOIN (SELECTBC.* FROM( SELECT MAX( id ) AS cid FROM tableB GROUP BY code ) ACLEFT JOIN tableB B...

珞木橘子
45分钟前
16
0
nacos的启动方式以及注意的点

这个单机模式的启动方式 sh startup.sh -m standalone 注意,必须要加参数,如果不加参数启动了,无法正常访问 如果在用这个命令(sh startup.sh -m standalone)之前直接使用sh startup.sh ,...

千年典韦
55分钟前
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部