文档章节

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

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

​根本原因在于: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
粉丝 3
博文 219
码字总数 117077
作品 0
浦东
程序员
私信 提问
加载中

评论(1)

FeanLau
FeanLau
CSS基本可以精确化得描述页面上的所有图层信息,除了图片
[转] 有一种生涯,叫PSD2HTML

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

红薯
2009/03/30
310
0
如何还原压缩的CSS/HTML/JS文件

如何还原压缩的CSS/HTML/JS文件 一,问题描述 我们经常在进入一家新的公司,或者网上下载一些源码后,拿到他们的CSS/HTML/JS文件都是经过压缩的,如图 随便啰嗦下,为什么人家要压缩,这是为...

fajor
2015/10/19
4.6K
0
垂直居中方法总结

今天根据客户的修改意见,修改一组有带有缩略图片的标题的列表,图片在列表的最左边,图片的大小是固定的.要求是,标题字数如果过多的话,可以折成两行.但是要求垂直居中.最后解决了这个问题,但是...

小王JOJO
2016/07/02
31
0
8种CSS清除浮动的方法优缺点分析

为什么清除CSS浮动这么难? 因为浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。 而且同样的代码,在各种浏览器中显示效果也有可能不相同,...

菜鸟的进阶
2017/10/21
0
0
类似于facebook的固定于页面底部的工具条

今天做项目,要求一个类是于facebook的固定于页面底部的工具条,mon的博客就有一个类是的,主要是IE6的css没有position:fixed属性,里面的菜单我修改了下,针对IE6的用js,其他的用:hover伪类...

monxu
2010/02/20
218
0

没有更多内容

加载失败,请刷新页面

加载更多

CentOS配置Tomcat监听80端口,虚拟主机

Tomcat更改默认端口为80 更改的配置文件是: /usr/local/tomcat/conf/server.xml [root@test-a ~]# vim /usr/local/tomcat/conf/server.xml # 找到 Connector port="8080" protocol="HTTP/1......

野雪球
今天
5
0
《稻盛和夫经营学》读后感心得体会3180字范文

《稻盛和夫经营学》读后感心得体会3180字范文: 一代日本经营之圣稻盛和夫凭借刻苦勤奋的精神以及深植于佛教的商业道德准则,成为了“佛系”企业家的代表人物。在《稻盛和夫经营学》“领导人...

原创小博客
今天
3
0
java框架学习日志-5(常见的依赖注入)

依赖注入(dependency injection) 之前提到控制反转(Inversion of Control)也叫依赖注入,它们其实是一个东西,只是看的角度不同,这章详细说一下依赖注入。 依赖——指bean对象创建依赖于...

白话
今天
4
0
红外接收器驱动开发

背景:使用系统的红外遥控软件没有反应,然后以为自己接线错误,反复测试,结果烧坏了一个红外接收器,信号主板没有问题。所以自己开发了一个红外接收器的python驱动。接线参见https://my.os...

mbzhong
今天
2
0
ActiveMQ消息传送机制以及ACK机制详解

AcitveMQ是作为一种消息存储和分发组件,涉及到client与broker端数据交互的方方面面,它不仅要担保消息的存储安全性,还要提供额外的手段来确保消息的分发是可靠的。 一. ActiveMQ消息传送机...

watermelon11
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部