京东首页

京东首页

---

效果

以下是自己做的静态页面：

思路

布局

首先整体结构如下图所示：

京东主页整体结构可以分为header，body和footer三大部分，多个div嵌套达到稳固结构的效果。

样式

样式方面多采用相对布局和绝对布局，以此实现比较好的定位效果。并且相同样式（如字体，颜色等）都有专门的类，使得样式可以重复利用。

总结

编码规范很重要！！！由于这是我很久以前写的，还是有些地方不符合HTML5编码规范，目前也没有时间重构，就作为一个菜鸟的足迹留下吧。