html img 能显示psd吗

今日小结

psd是指经过Photoshop处理过保存后的图片，其格式为psd。

这是清除浮动的最常用，最普遍的方法

拿到图片将psd变成html代码的步骤如下:

1.样式文件和初始化

①可以新建三个文件夹。(css,images,js)

然后在css下需要建立三个样式，"index,common(公共),reset(重置)"新手比如我，需要这样写，但是熟练以后就不用了

js下需要建立(index)这一个样式。(即html)

在js下需要将css中的所有文件样式用link引入

reset也是公共样式，以后熟练以后可以将reset和common合并在一起

②为了使得js中的index.html写完代码后，div块，和上面挨着，不留空隙。即不让原来默认样式有作用，需要重写reset默认样式。

将常用的块级元素，行内元素，都重置。用语句{margin:0;padding:0;}

注：一般不用通配符"*",因为没那么多需要重置。

③要使有序列表，无序列表前的黑点没有，需要用语句"list-style:none;"

④清除浮动(用前面写的方法)

2.开始写js里面的

自己要清楚，把这个psd分成了几部分(比如，头，脚，内容面板块)。用div块级元素，给他们分别命名成英文名字。(一般都用英文名，不用拼音，看起来高级一点)

每一部分的布局(是否居中，需要居中容器，应根据不同的psd进行调整)

在common里面写上js下的index的每一块的高度。

3.明日续

html img 能显示psd吗_psd变成html相关推荐

actorx importer 下载_红色新店开业无线端PSD模板_psd素材免费下载_ 640*6001像素(编号:13631922)...
分类:无线端类目:数码家电格式:psd 体积: 尺寸:640*6001 编号:13631922 软件: Photoshop CS6(.psd) 颜色模式 : RGB 图像类型:位图版权:独家版权 ...
C# 读写 Photoshop PSD文件操作类
使用方法显示PSD OpenFileDialog _Dialog = new OpenFileDialog();_Dialog.Filter = "*.psd|*.psd";if ...
图片转svg标注_使用psd.js将PSD转成SVG -- 基础篇（文字图片）
转载至微信公众号:方凳雅集背景随着发展,活动会场页面的题图运营需要线上模板化,而自研的导购素材制作平台接入了海棠-创意中心,通过平台能力,将素材模板化,并且通过配置化的方式生成多种场景化,个性化的 ...
ffmpeg 提高编解码效率_介绍几款强大常用的PS插件，让你的工作效率大大提高（含插件如何安装使用教程）...
工欲善其事必先利其器!今天再给大家推荐几款常用又强大的PS/AI插件:无损放大插件Alien Skin Blow Up,参考线插件GuideGuide,缩略图插件--Ardfry PSD Codec以 ...
ORACLE-SQL笔记
-- 首先,以超级管理员的身份登录oracle <span id="172_nwp" style="width: auto; height: auto; float ...
Android开发从入门到精通
Android开发从入门到精通 --Android经典教程目录目录 1 第一章什么是Android 1 什么是Android - 嵌入式设备编程的历史-第一章(1) 1 开放手机联盟和And ...
datagridview 显示红色叉_显示器促销日常数码店招首页装修PSD模板分层psd素材
分类:综合模板类目:数码家电格式:psd 体积: 尺寸:1920*988 编号:13307975 软件: Photoshop CS6(.psd) 颜色模式 : RGB 图像类型:位图版权:独家版 ...
【Unity编辑器扩展】(三)PSD转UGUI Prefab, 一键拼UI解放美术/程序(完结)
工具效果: 第一步,把psd图层转换为可编辑的节点树,并自动解析UI类型.自动绑定UI子元素: 第二步, 点击"生成UIForm"按钮生成UI预制体 (若有UI类型遗漏可在下拉菜单 ...
基于Jquery插件Uploadify实现实时显示进度条上传图片
网址:http://www.jb51.net/article/83811.htm 这篇文章主要介绍了基于Jquery插件Uploadify实现实时显示进度条上传图片的相关资料,感兴趣的小伙伴们可以参考 ...
CocoStudio资源区导入Plist/PSD文件
这两种文件在使用中和普通文件稍有不同,下作简单介绍.如有不适的地方欢迎批评指正. 首先简单说一下Plist文件,Plist文件通常用于储存用户设置,也可以用于存储捆绑的信息,该功能在旧式的Mac O ...

html img 能显示psd吗_psd变成html

html img 能显示psd吗_psd变成html相关推荐

最新文章

热门文章