CSS的核心就是和模型，很多复杂的布局及浏览器兼容性解决方案都可以回归到盒模型。
对于浏览器的兼容问题令很多前端开发人员叫苦不迭，解决方案也是多种多样。用{*rule !important}css规则去解决浏览器兼容问题越来越多的出现在样式表中，但是我不推荐这种解决方案，最起码在初始布局阶段不建议这么做（在调整n年前的页面时可能迫不得已采用这种方式）。
我更倾向于写统一的样式表，也就是所有浏览器公用一套样式。
这样做有几个优点：
1、代码结构清晰
2、便于js操作
3、开发成本低
4、客户端加载快
先上一张图：
为以后做准备我们在这里创建一个模型，包括一个坐标背景（每格10px），和一个简单和模型。
