html5如何根據ps圖片排版？

PS切圖是前端界面方向的一個重要環節，需要將設計師的設計1：1還原到web頁面。具體操作如下：

1、先將各元素單獨切出來，放到一個文件夾內；

2、將ps里的文本等元素關閉顯示，再切背景；

3、整合較小的圖片做成雪碧圖（該步驟可以在第一步時完成）；

4、用HTML代碼編寫布局及結構；

5、用CSS代碼編寫呈現效果。

補充：

以上幾個步驟可以完成ps切圖，在做ps切圖時，需要掌握的技能：

1、ps分層切圖基礎；

2、html基礎；

3、css基礎；

4、各瀏覽器解析標準的了解。