纯个人经验，给大家做个参考；有疏漏和错误，请大家指正。
只说css和html，极少设计js。
力求给大家重现IE6时代书写静态页面的整个过程。
很多情况下都需要人为的去规划代码结构。

原则

有些原则比较通用，在做其他开发时也可以作为参考。

1. 你要清楚每一行代码的作用。
   1. 不写无用代码；
   2. 不写你不知道作用的代码。
2. 在保证结构清晰和功能实现的前提下，代码尽量精简。
   1. html结构精简；
   2. css样式精简。
3. 写复用性和易用性的代码结构。
   1. 封装原则
   2. 扩展原则
   3. 复用性和易用性
4. 规划和迭代。
   1. 目的是可以更好的迭代；
   2. 规划是为了更好的迭代。