Blueprint CSS framework 分析(9)_CSS教程,DIV CSS视频教程,DIV CSS模板,DIV CSS布局入门教程

By default, the grid is 950px wide, with 24 columns

spanning 30px, and a 10px margin between columns.

If you need fewer or more columns, namespaces or semantic

element names, use the compressor script (lib/compress.rb)

Note: Changes made in this file will not be applied when

using the compressor: make changes in lib/blueprint/grid.css.rb

-------------------------------------------------------------- */

/* A container should group all your columns.

容器宽950,居中

.container {

width: 950px;

margin: 0 auto;

}

/* Use this class on any div.span / container to see the grid.

显示grid

.showgrid {

background: url(src/grid.png);

}

/* Columns

-------------------------------------------------------------- */

/* Sets up basic grid floating and margin.

DIV需要float才能排一行

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span

CSS教程,DIV CSS视频教程,DIV CSS模板,DIV CSS布局入门教程 - CSS中国

搜索

热门标签

Blueprint CSS framework 分析(9)