文档章节

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

FeanLau
 FeanLau
发布于 2017/06/12 14:47
字数 348
阅读 19
收藏 0
点赞 0
评论 1

​根本原因在于: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
博文 201
码字总数 129363
作品 0
浦东
程序员
加载中

评论(1)

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

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

小王JOJO ⋅ 2016/07/02 ⋅ 0

如何还原压缩的CSS/HTML/JS文件

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

fajor ⋅ 2015/10/19 ⋅ 0

阿里巴巴iconfont的正确使用方式

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

Mr_zebra ⋅ 03/09 ⋅ 0

为什么要用和如何使用字体图标

图片是有诸多优点的,然而目前在网站设计这行业面临各种各样的挑战。图片不但增加了总文件的大小,还增加了很多额外的"http请求",这都会大大降低网页的性能的。图片还有一个缺点就是不能很好...

cd_ing ⋅ 2013/12/16 ⋅ 0

16种方法实现水平居中垂直居中

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

tomzhangto ⋅ 2017/12/19 ⋅ 0

聊聊css水平垂直居中那些事

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

ITer在路上 ⋅ 2015/10/10 ⋅ 0

类似于facebook的固定于页面底部的工具条

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

monxu ⋅ 2010/02/20 ⋅ 0

css清除浮动

css清除浮动大全,共8种方法 清除浮动 是每一个 web前台设计师 必须掌握的机能。 为什么浮动这么难? 因为浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 widt...

qinyan036 ⋅ 2014/04/16 ⋅ 0

CSS_文字与特殊符号浏览器兼容性

页面布局里总是会有类似 “文字 | 文字” 的设计样式,不同的浏览器存在严重偏差。 有兼容问题就要解决,下面总结了3种解决方案,分享给大家: 一.系统默认的样式 1.元素换行的段落 <div cla...

喵王不瞌睡 ⋅ 2014/03/12 ⋅ 0

【转】内联图片的优缺点

原文:http://www.cnblogs.com/malvina/p/5815360.html   会不会有这样一种感觉?IT技术开发知识面很广也很深,总会有你不懂得问题出现。一个接着一个新的问题,一个接着一个新的挑战。  ...

iNiL0119 ⋅ 2016/10/10 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

UI ,前端框架选型

Flat-UI

miaojiangmin ⋅ 6分钟前 ⋅ 0

Istio Service Mesh 教程

Istio Service Mesh 教程 作者 宋净超 | 5400字 | 阅读大约需要11分钟 | 归档于istio | 发表于 2018-05-22 标签 #Istio #教程,来自 https://servicemesher.github.io/blog/istio-service-m...

openthings ⋅ 11分钟前 ⋅ 0

scala swing

scala swing组件的库 https://github.com/scala/scala-swing scala swing的API文档 https://www.scala-lang.org/api/2.9.1/scala/swing/package.html...

whoisliang ⋅ 15分钟前 ⋅ 0

CentOS安装配置Nginx

安装依赖 yum install gcc yum install pcre-devel yum install zlib zlib-devel yum install openssl openssl-devel //一键安装上面四个依赖 yum -y install gcc zlib zlib-devel pcre-deve......

临江仙卜算子 ⋅ 22分钟前 ⋅ 0

开源 java CMS - FreeCMS2.8 依申请公开

项目地址:http://www.freeteam.cn/ 依申请公开 1. 转交申请公开 用户可以把申请公开转交给其他人办理,系统会记录此申请公开的转交记录。 注意:同时只能转交一个申请公开。 选择需要转交的...

freeteam ⋅ 26分钟前 ⋅ 0

以太坊 web3.py 签名转账

以太坊 web3.py 签名转账 本文节选自电子书《Netkiller Blockchain 手札》 Netkiller Blockchain 手札 Mr. Neo Chan, 陈景峯(BG7NYT) 中国广东省深圳市龙华新区民治街道溪山美地 518131 +86...

netkiller- ⋅ 31分钟前 ⋅ 0

年薪40W的程序员必会的技术有哪些?

很多人在问我,程序员如何拿高薪,如何做到年薪40W+,其实总结出来还是一句话,你的技术决定你的能力已经薪资。 那么什么样的技术人才才能拿到一份Java行业里面的高薪呢? 下面是我的一个总结...

码代码的小司机 ⋅ 32分钟前 ⋅ 0

jesque-spring使用及源码分析

1.使用 jesque结合spring使用,步骤如下: 1.1 在项目中添加maven依赖 <dependency> <groupId>net.lariverosc</groupId> <artifactId>jesque-spring</artifactId> <version>1.0.0</ve......

Funcy1122 ⋅ 33分钟前 ⋅ 0

OSChina 周二乱弹 —— 加班的代码不要枉费了我的童子功

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @小小编辑:推荐歌曲《29》- 未完成乐队 《29》- 未完成乐队 手机党少年们想听歌,请使劲儿戳(这里) @FalconChen :#看球提醒# 02:00 巴西v...

小小编辑 ⋅ 59分钟前 ⋅ 16

Docker Swarm的前世今生

概述 在我的《Docker Swarm集群初探》一文中,我们实际体验了Docker Swarm容器集群技术的魅力,与《Kubernetes实践录》一文中提到的Kubernetes集群技术相比,Docker Swarm没有Kubernetes显得...

CodeSheep ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部