美文网首页
2018-09-11——怎样根据效果图写html框架

2018-09-11——怎样根据效果图写html框架

作者: 兔子Tony的主人 | 来源:发表于2018-09-16 22:22 被阅读0次

    首先从最外框到最内框写好相关的div,初期可以根据模块划分div,后边再慢慢的分解每一个模块的div的内容
    当然,div可以用其他html5的语义化标签替代
    然后,为每个div写最基本的宽高样式,同时如果能将边框和margin添加上最好。后边添加的话,就要修改宽高了。
    大的框架可以和设计图对应后,就可以完善细节了。
    考虑到现在的前端,像后台管理类的应用界面,基本上都是引用框架,像按钮,输入框等一些细节的结构,都有了默认的大小,是否还要根据设计图去调,这个我觉得根据团队的情况来做吧。还有一些框架性的,比如栅格,不一定就会像设计图那样。也根据具体的项目去调整了。
    这里记录一些自己的想法。

    相关文章

      网友评论

          本文标题:2018-09-11——怎样根据效果图写html框架

          本文链接:https://www.haomeiwen.com/subject/kwjpgftx.html