一直以来都是在介绍WordPress技巧或是WordPress主题或是WordPress插件，今天就给大家介绍一下Div+CSS布局方面的技巧，自从网站的样式与内容分离出来，Div+Css的强大性突显无疑，用div+css创造出来的布局也越来越多，越来越好看、实用。以前给大家介绍过一篇文章：《27款经典的CSS框架》，这篇文章介绍了27款CSS框架。对于我来说，只研究过两种css框架，一个是用于主题isblog布局的960gs网格系统，另一个是用于主题iwp布局的blueprint的Css框架，今天主要介绍一下bluepring的布局问题。
它主要包含以下几个css：reset.css、typography.css、forms.css和一个主要的grid.css。主要大意reset用来重置html元素，typography用来美化印刷元素，form用来修饰form元素（包括input、textarea等元素），grid是主要用来布局。
blueprint有一个container的类，.container {width:950px;margin:0 auto;}，用来限制页面的宽度，它用.span-x 来设置每个栏目的宽度，x的值从1-24，每个栏目都是采用浮动来布局，如.span-x {float:left;margin-right:10px;}向左浮动，有一个10像素的右外边距，另外还有一些用来促成整个栏目的布局的类，如.border .colborder .append-x .prepend-x .pull-x .push-x及.clear等类。这些类的值你都可以从grid.css里面看到。
现在以三列等宽布局为例来讲一下这个css框架的用法。其余宽度的N列布局类似，你可以用div+Css来这样布局你的网页。
<div class=”container”>
<div class=”span-8”>
</div>
<div class=”span-8”>
</div>
<div class=”span-8 last”>
</div>
</div>
解释一下：最外层div宽度为950px，每个子div宽度为310px，且每个子div都有10px的外边距，所以子div的总宽度为950px=310*3+10*3-10。
.last {margin-right:0;padding-right:0;}
.span-8 {width:310px;}
.container {width:950px;margin:0 auto;}我只是举一个简单的例子，深层次的学习，还得你自己去挖掘。好了，相信只要通过对一个Css框架的学习，你就会对div+css布局有一定相当程度的了解。
blueprint下载地址：blueprint
不是很懂的css
呵 其实CSS不用很懂，懂策划就行哈。