首先从最外框到最内框写好相关的div，初期可以根据模块划分div，后边再慢慢的分解每一个模块的div的内容
当然，div可以用其他html5的语义化标签替代
然后，为每个div写最基本的宽高样式，同时如果能将边框和margin添加上最好。后边添加的话，就要修改宽高了。
大的框架可以和设计图对应后，就可以完善细节了。
考虑到现在的前端，像后台管理类的应用界面，基本上都是引用框架，像按钮，输入框等一些细节的结构，都有了默认的大小，是否还要根据设计图去调，这个我觉得根据团队的情况来做吧。还有一些框架性的，比如栅格，不一定就会像设计图那样。也根据具体的项目去调整了。
这里记录一些自己的想法。
2018-09-11——怎样根据效果图写html框架
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
