[Css]博客改版小结
有一年没有写博客了，现在想想还是应该继续写博客的。这次顺便练习了一下弹性布局，小巧，简单，灵活。
主要学习到了以下几点技术：
1，采用960网页栅格化布局，左右两栏采用黄金分割比例。960栅格，实际宽度是950. 对于 24 x 40 的情景，最接近黄金分割的两栏布局是 350 : 590, 栏数比例为 9 : 15。
2拦黄金分割栅格化
2，采用弹性布局，首先将字体大小设置为63%，即1em~10px。所以转换成960栅格即wrap=96em，menu=35em，doc=59em。
3，由于内部menu和doc都设置了1.4em即想对宽度要用外层的/1.4，menu=96em/1.4=25em，doc=590em/1.4=42.14em（精确到千分位）。
4，使用%和em定义的字体大小都是继承父元素的，所以计算字体大小都是根据父节点的值做乘除，而使用em为单位的宽度则采用元素本身的字体作为参考值。
5，使用jquery展示Lightbox效果。
6，采用将网址采用二维码的方式展示，更方便智能手机的读取。
7，去掉外层div的样式wrap布局就变成自适应，很有趣吧。