css框架960Grid.

   今天学习了css框架960Grid.

 1、在html文件中引入相关的外部CSS文件：

<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/text.css" />
<link rel="stylesheet" href="css/960.css" />
960.css为主要排版样式；reset.css和text.css，它们的主要作用是为了消除浏览器间显示差异准备的，前者消除了html标签在各浏览器间的差异，而后者则主要针对的是字体。
2、定义一个DIV大容器，放下整个页面：
<div class="container_12">
</div>
在一个页面中只可以有一个container；12代表是12列，还可以是16列；
3、布局整体，在大的div里插入多个id和class，（相同的类型要用class）；
<div class="container_12">
    <div class="grid_12 logo"></div>
</div>
4、在一行结束后要使用clear清除（一定要在一行结束后，就相当于回车换行，就跟以上没有任何关系了）；
<div class="container_12">
    <div class="grid_12"></div>
    <div class="clear"></div>
</div>

还有一些高级参数

    1、margin参数是alpha和omega；

alpha清除左侧marge，omega清除右侧marge；

    2、padding参数是prefix和suffix；

prefix左侧补白，suffix右侧补白；

<div class="grid_5 prefix_2"></div>（左侧补白2列）

    3、脱离文档流移动参数是push和pull；

push向右推，pull向左拉；

背景设置
1、可以用一条背景图然后repeat-x,或者根据实际需要；
2、要把整个图片设置为背景图案；
如果要求要背景有颜色和图案都有 要把它们一起写在一个background中
background:#000 url(images/logo.jpg) repeat-x;

还有一些。。。
在框里设置字体要用padding；
设置框里图片可以有9个方位；
设置整个框架要top center；
要注意浏览器的兼容问题；
注意应用一些快捷键；
还有在菜单栏里一些简单操作的应用；
。。。

不足。。。

对菜单栏里的东西好不了解，

在框架里面的嵌套不是太熟悉，

长度高度的计算 很乱 ，