html5如何根据ps图片排版 – CSS – 前端 css字符居中

PS切图是前端界面方向的一个重要环节，需要将设计师的设计1：1还原到web页面。具体操作如下：

1、先将各元素单独切出来，放到一个文件夹内；

2、将ps里的文本等元素关闭显示，再切背景；

3、整合较小的图片做成雪碧图（该步骤可以在第一步时完成）；

4、用HTML代码编写布局及结构；

5、用CSS代码编写呈现效果。

补充：

以上几个步骤可以完成ps切图，在做ps切图时，需要掌握的技能：

1、ps分层切图基础；

2、html基础；

3、css基础；

4、各浏览器解析标准的了解。