摘要：home.css@import url(layout.css);@import url(typography.css);@import url(design.css);@import url(design-home.css);上面是英文网站的典型用法，其中前三个是每个页面共用的，layout是布局，typography是字体相关的，design是其他的一些表现设计，而design-xxx是针对于某个页面独有的设计，比如design-home是针对于首页的设计。对于中文的网站，个人认为可以把typography合到design里面，因为中文页面上的字体一般就是宋体，没必要单独用一个css来定义。 阅读全文

该文被密码保护。

摘要：什么是框架？框架是一种你能够使用在你的web项目中概念上的结构。CSS框架一般是CSS文件的集合，包括基本风格的字体排版，表单样式，表格布局等等，比如： * typography.css 字体排版规则 * grid.css 表格布局 * layout.css 布局 * form.css 表单 * general.css CSS常规设置下面是一些不错的CSS框架，推荐。Blueprint CSSBlueprint是一个CSS框架，它的目标是减少你的CSS开发时间。它提供给你强大的CSS基础来创建你的项目，包括易于使用的grid，有效的字体排版，以及可打印的stylesheet .960 Grid 阅读全文

摘要：960px=12(60pz+20px)=16x(40px+20px)=24(30px+10px)所以：960个像素作12栏 16栏 24栏分割12栏和16栏分割的每个grid左右margin各10px，24栏分割每个grid左右margin各5px。几个重要的关键字和概念1.container容器：960px的宽度，左右margin auto 居中。2.grid_x x方格：最小方格宽度*x px宽度+左margin 10px+右margin 10px（24栏布局分别为5px）3.prefix_x前间距：使用padding属性。让grid和前面保持（最小方格宽度+间距）*x的距离.(例如 12 阅读全文

摘要：1,官网http://960.gs/2,源码https://github.com/nathansmith/960-Grid-System/tree/master/code/css第一个是reset.css，用于重置样式；第二个文件是text.css，定义了一些元素的基本样式；第三个是核心文件960.css3,使用4,几点注意.container_12和.container_16表示容器,都是960px的宽度,水平居中,但他们的不同之处是包含不同数量的列。.container_12被分为12列，而.container_16被分为16列。当然也有.container_24,被分为24列.alpha 阅读全文

摘要：http://ued.taobao.com/blog/2008/10/grid_system_research_1/作者：玉伯　|　时间：2008-10-22 21:44研究网页栅格系统前，来看一组数据：网站首页页面宽度 pxYahoo!950淘宝950MySpace960新浪950网易960Live Search958搜狐950优酷960AOL960上面列举的都是Alexa全球排名前100的站点，它们的首页宽度为950px/960px. 除了微软的Live Search, 这些站点有个共同特点：页面结构较复杂，都可以认为是门户型网站。再来看看Google,YouTube,Facebook,F 阅读全文