Sparkle CSS 960 网格系统发布
960 CSS框架是一个很成熟的系统,它小巧灵活、易学易用。经过一段时间的学习和研究,我把960系统做了些优化,然后发布了《960 CSS框架解析及重构》。
前几天,一个网友问我,为什么960系统没有24列模块?我突然意识到这是一个问题。
在和他讨论之后,我意识到,在国内,其实应用最多的是24列网格,而12列网格和16列网格更适用于英文网站。而且,虽然从表面上来看,将页面分的列越多,看起来越复杂,但是事实上并不是这样的,列越多,可以组成的组合就越多,布局起来就越简单,更灵活。
经过研究,我在960系统上添加了24列模块。
同时,为了将960这个优秀的网格系统发扬光大,我将我的工作发布为一个新的衍生版本,它有以下改进和优点:
- 每一列的公用样式提炼分离出来,组成为一个通用的.column类,然后每一列的样式只需要控制宽度即可;
- 添加24列模块;
- 优化部分样式;
当然,这不是一个复杂的框架,任何有些CSS基础的人都可以很容易很快的学习它,并将其应用于自己的项目中。
希望大家喜欢,并欢迎提出批评。
同时,我将本项目发布为一个开源项目,项目地址:http://code.google.com/p/sparkle960/ 欢迎有兴趣的朋友加入本项目来完善这个框架。
最后特别感谢960的开发者Nathan Smith,他是一个很棒的前端开发人员,也是一个很和善的人,我多次和他讨论960系统,本框架也是在他的指导和授权下发布的。
Demo: http://www.isparkle.cn/show/960
源码下载地址:http://code.google.com/p/sparkle960/downloads/list
同时,你也可以通过Google code的SVN功能获取最新的版本。
沙发看热闹,又一个舍不得用中文做解释的人~~-_-!
今天发现了CSS框架这好东西,搜索“960 CSS框架”找到了你的博客。受益匪浅,已经订阅你的博客。:)
To:nick
谢谢关注
嘿嘿,我现在的模板就采用了你的960框架……
TO:星铃丹
哇,真的吗?太好了!
我过段时间会用这个框架制作些CSS模板出来
前两天看到这个框架,google到这里来了,留个脚印,呵呵~
下载来看看~
to:mienflying
期待你的模板。
很好~~下个项目就用这个css框架了
24列的5列宽度写成280了
您好,看了这个960觉得的蛮厉害的,下来看了一下,suffix24_21不知道这个是做什么用的?
这个控制该列到最左侧的间距的,一般情况下,用不着,因为一般情况下,不会让左边留很多空白。只有在特殊需要的时候采用的着。