Make Love, No BluePrint
之前在一个比较大的项目里用到了BluePrint，因为可以方便的应用网格系统。但BluePrint除了排版之外，还为一些元素写了样式。到后来，我不得不写更多的代码来覆盖这些样式。兼容性就更是个噩梦，特别是中文的情况下。
所以慎用这种CSS Framework，特别是规模比较的大的项目。
PS：我参照BluePrint简化了一个网格系统的样式，用法基本上和BluePrint一样，去掉了有些不常用的功能
body {margin: 0px;font-size: 12px;}
.container{width: 950px; margin: 0px auto;}
.span-1,.span-2,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-10,.span-11,.span-12,.span-13,.span-14,.span-15,.span-16,.span-17,.span-18,.span-19,.span-20,.span-21,.span-22,.span-23{margin:0px 10px 0px 0px;float:left;}
.span-1{width:30px;}
.span-2{width:70px;}
.span-3{width:110px;}
.span-4{width:150px;}
.span-5{width:190px;}
.span-6{width:230px;}
.span-7{width:270px;}
.span-8{width:310px;}
.span-9{width:350px;}
.span-10{width:390px;}
.span-11{width:430px;}
.span-12{width:470px;}
.span-13{width:510px;}
.span-14{width:550px;}
.span-15{width:590px;}
.span-16{width:630px;}
.span-17{width:670px;}
.span-18{width:710px;}
.span-19{width:750px;}
.span-20{width:790px;}
.span-21{width:830px;}
.span-22{width:870px;}
.span-23{width:910px;}
.span-24{width:940px;}
.clear{ clear:both;}
.last{ margin-right: 0px;}
