文档章节

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

FeanLau
 FeanLau
发布于 2017/06/12 14:47
字数 348
阅读 19
收藏 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
码字总数 130409
作品 0
浦东
程序员
加载中

评论(1)

FeanLau
FeanLau
CSS基本可以精确化得描述页面上的所有图层信息,除了图片
垂直居中方法总结

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

小王JOJO
2016/07/02
31
0
如何还原压缩的CSS/HTML/JS文件

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

fajor
2015/10/19
4.6K
0
阿里巴巴iconfont的正确使用方式

为什么要使用iconfont? 顾名思义iconfont就是把图标用字体的方式呈现,其优点在于以下几个方面: 1.可以通过css的样式改变其颜色(最霸气的理由) 2.相对于图片来说,具有更高的分辨率 3.更小的存...

Mr_zebra
03/09
0
0
16种方法实现水平居中垂直居中

熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题. 水平居中 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 若是块级元素...

tomzhangto
2017/12/19
0
0
聊聊css水平垂直居中那些事

1、绝对定位居中(Absolute Centering)技术 我们经常用margin:0 auto来实现水平居中,而一直认为margin:auto不能实现垂直居中……实际上,实现垂直居中仅需要声明元素高度和下面的CSS: .dem...

ITer在路上
2015/10/10
81
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

jquery创建类似于java的map

var map = {}; // Map map = new HashMap(); map[key] = value; // map.put(key, value); var value = map[key]; // Object value = map.get(key); var has = key in map; // boolean has = ......

SuperDabai
29分钟前
0
0
java大数据转换16进制转10进制

public static void main(String[] args) {String hex = "0xdbf3accc683297cf0000";BigInteger amount = new BigInteger(hex.substring(2), 16);System.out.println(amount);......

任梁荣
昨天
1
0
OSChina 周六乱弹 —— 目测我们程序员丁克的几率不大

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @真Skr小机灵鬼儿:8.13分享Jocelyn Pook/Russian Red的单曲《Loving Strangers》 《Loving Strangers》- Jocelyn Pook/Russian Red 手机党少...

小小编辑
昨天
9
3
TypeScript基础入门 - 函数 - 剩余参数

转载 TypeScript基础入门 - 函数 - 剩余参数 项目实践仓库 https://github.com/durban89/typescript_demo.gittag: 1.2.1 为了保证后面的学习演示需要安装下ts-node,这样后面的每个操作都能...

durban
昨天
1
0
OpenCV边缘检测算子原理总结及实现

1. 拉普拉斯算子 原理:是一种基于图像导数运算的高通线性滤波器。它通过二阶导数来度量图像函数的曲率。 拉普拉斯算子是最简单的各向同性微分算子,它具有旋转不变性。一个二维图像函数的拉...

漫步当下
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部