CSS框架

CSS框架¶
什么是框架？框架是一种你能够使用在你的web项目中概念上的结构。CSS框架一般是CSS文件的集合，包括基本风格的字体排版，表单样式，表格布局等等

jQuery($..).html()方法返回的HTML会过滤掉所有的<script>块

960 Grid System¶
http://www.jsolutions.biz/blog/web-design/960-grid-system-demo-part-1/

12：80,10-60-10
16：60,10-40-10
24：40,5-30-5
按照1 grid+左右空白算一个单位

960 is divisible by 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480. This makes it a highly flexible base number to work with.

If a grid unit contains grid children, the first child in a row will need a class of alpha and the last child in a row requires the class name omega. Likewise, if you want to insert empty space before or after a grid unit, use class prefix_XX or suffix_XX.

主要操作： class= grid_XX 代表占用XX个grid

【prefix_XX】 代表前面有XX个grid 【suffix_XX】 代表后面有XX个grid，与prefix共有时可以省略

【alpha，omega】子grid

【push_XX,pull_XX】向前或向后先移动XX个grid光标（理解为光标），然后开始写入

960GS主要用于排版，reset.css负责跨浏览器，960.css为主要排版样式。

Malo¶
很小很简单很方便的样式，依然用于排版，主要还是通过分级方式完成grid宽度

<div class="dp100">
<div class="dp50">
<div class="dp50">
<p>25</p>
</div>
<div class="dp50">
<p>25</p>
</div>
</div>
<div class="dp50">
<p>50</p>
</div>