链接：
https://files.cnblogs.com/files/blogs/779648/%E5%8D%9A%E5%AE%A2.zip?t=1735182491&download=true
总结：
1、制作过程中会使用ps切片切出有些需要的图或者图标。
2、需要纯手写css，html代码，某些css代码可以参考ps图层的css复制。
3、可先按页面布局写好网页中容器【div,css】的包含结构，然后再用css定位和修饰。
4、如果要精确还原设计，还需要测量设计稿元素的尺寸和位置，并针对html页面宽度等比例计算。
5、定位元素大致有3类，1position定位，2float定位，3display定位。其中display定位比较重要的类型有flex和grid。
6、学习了psd2html之后就可以使用vue，react，angular这一类的框架了。这一类框架相对好学一些。
html效果：
设计图：
标签：定位,E5%,代码,博客,html,psd2html,css,模板 From： https://www.cnblogs.com/xuxiaobo/p/18632345