960 Grid System 是一个CSS的页面布局框架
demo: http://960.gs/demo.html
前提:安装Ruby 、NodeJS
步骤1:在命令行下安装css插件:
gem install compass-960-plugin
步骤2:创建my_project项目:
compass create -r ninesixty my_project --using 960
在页面中引用该css
<head>
<link href="/stylesheets/grid.css" media="screen, projection" rel="stylesheet" type="text/css" /> <link href="/stylesheets/text.css" media="screen, projection" rel="stylesheet" type="text/css" /></head>
有12列和16列布局
我们使用12列布局:
960 Grid System — Demo 12 Column Grid
940
60
860
显示: