html文件内容很简单
<ul class="list-columns">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
<li>Item 8</li>
<li>Item 9</li>
<li>Item 10</li>
<li>Item 11</li>
<li>Item 12</li>
</ul>然后对.list-columns的class编写css3
.list-columns {
-moz-column-count: 3;
-moz-column-gap: 60px;
-webkit-column-count: 3;
-webkit-column-gap: 60px;
column-count: 3;
column-gap: 60px;
}其中column-fill还有一个属性，但是测试浏览器不支持，所以去掉了。
很多东西总是用，总是忘，让人很无奈。锚链接的东西自己至少已经查过三次了，还是老忘，继续记录。
锚链接比较常见的应用就是在页面内上下的切换，比如你的回到顶部/底部功能，页面内链接跳转，都可以用锚链接来做。具体实现方法是：
1.建立锚点
锚点就是你链接想到达的目的地，建立方法是定义一个id给<a></a>，比如回到顶部的话，我们需要在最顶部放置一个锚点。
- <a id=top>Homepage</a>
2.建立锚链接
锚点有了，直接把链接挂过去，就是直接引用锚点的id
- <a href="#top">back to top</a>
搞定。
下面说说页面分页，这里是指打印时候的一个分页，页面上看不出来，实际是一个css的属性。可以在<>中直接引用或者自己定义page-break-before的css。
- style="page-break-before:always"
最近自己做了下新主机站的页面，昨晚所有浏览器的最新版都测试通过木有问题，唯独IE6让人难以割舍啊，div都重叠在一起，纠结的不像样。算了，屏蔽掉吧~~~方法是参考的WayJam 同学的文章，原文在http://wayjam.me/use-css-and-html-to-killie.html 。
因为奶牛的页面在IE7下是正常的，所以只屏蔽IE6的访问，具体方法如下：
1.编辑你想设置屏蔽的页面的html文件，为了方便隐藏页面其他元素，我们先用一个<div>包含住<body>和</body>之间的所有元素，并且命名其ID为container 。
2.在你的css文件中添加如下代码
#ie{background:#000;border:1px solid #CCC;height:900px;}
#ie-body{color:#ccc;font-family:'Microsoft YaHei',arial,serif,Geneva,sans-serif;font-size:30px;opacity:0.5;text-align:center;}
#ie-body p:hover{color:#fff;opacity:1;}3.在<body></body>标记之间的任意位置加入如下代码：
<!--[if lt IE 7]>
<style type="text/css">
#container{display:none;} //隐藏页面其他元素
#ie{display:block;} //对IE显示特定模块
</style>
<div id="ie">
<div id="ie-body">
<p><br /><br /><br />欢迎光临VM-IN.NET奶牛主机</p>
<p>您正在使用一个落后的浏览器浏览网页</p>
<p>本站无法在 IE 7 以下版本的 IE 系列浏览器中正常访问。</p>
<p>为了获得更好的浏览体验, 请升级到更高级的浏览器</p>
<p>如果您升级到 Internet Explorer 8 或转换到另一些浏览器，本站将能为您提供更好的服务。</p>
<p>本站推荐使用以下浏览器：Firefox, Chrome, Opera, Safari </p>
<p>您也可以直接移步到奶牛的<a href="http://nenew.taobao.com" target="_blank" title="博客主机">奶牛主机淘宝店</a>或者QQ<a target="_blank" href="https://www.nenew.net" title="联系我们">联系奶牛</a> </p>
<p><br>Copyright © 2010. VM-IN.NET 奶牛主机 . All Rights Reserved.</p>
</div>
</div>
<![endif]-->收工，看看你的页面的屏蔽效果吧，奶牛做的页面IE6访问的效果如下：
