首页 > 关于前端CSS布局问题!在接到美工的PSD文件时,如何快速的要求写出对应的页面布局!

关于前端CSS布局问题!在接到美工的PSD文件时,如何快速的要求写出对应的页面布局!

举个例子! 就拿查询物流的的界面来说!

需要实现上面的功能页面! 如何分析其dom的的结构?css 该如何书写!


考虑语义化,用<dl>标签,左侧每个重要时间点的描述用<dt>,右侧更加详细的时间点用<dd>。
其他就是对照psd写样式了


实在不知道看看淘宝是怎么写的,这叫借鉴


1.结构层分析:可以使用ul标签,每一个ul标签代表某一天的物流信息,每一个li标签代表某一个时间点的物流信息,每一个ul的第一个li标签,具有日期,星期、时间点、地点四个信息;其余标签只具备时间点、地点两个信息。
2.表现层分析:样式很简单,没有什么花哨的样式,li之间的位置信息调节好;其次li标签可以分为两类,一类是一天中的第一条信息,一类是非第一条信息;只要设置padding-left就可以调节好样式了。
3.行为层分析:写一个脚本,改变最后一个li标签的最左边点颜色


切图就4个字, 熟能生巧...别想着一口吃成胖子

【热门文章】
【热门文章】