开源 CSS 样式框架 QuickCSS

fmms 12年前

QC (”Quick CSS”) 是一个 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准,可以让每个网站防止枯燥的跨浏览器兼容性测试。你可以将他理解成一套模板,里面包含了大多数站点中所需要的那些css类。他很小,只有四个文件而已。总共不到6KB。

/功能介绍:/

  1. 规范命名了CSS结构名称,这样也是为了便于SEO的优化,几乎全部都用英文命名,这样显得
正式一些,哈哈。 。看着也顺眼
2,重写了W3C的一些默认样式,做一个网站架构之前这个都是必须的,一些不兼容的标签这里基本都被从定义了, 3,定义了一些经常用到的样式,比如 clear(清除样式),transparent(透明度),这些都是兼容的代码,目前考虑的是IE6,IE7,IE8,
Firefox的兼容,大家可以放心使用
4,预先写好了一些简单的网站结构,默认的是960宽度的页面居中显示,当然不适合可以去 layout.css 里面改一下就行 5,参阅了大部分网站导航 ,写了一个大众化的导航的主体结构,用 a:hover 事件简单的实现了按钮的切换效果,代码里可以再做调整 6,页面默认包含了 Jquery框架,方面写网页的一些互动效果 7,加入了
<meta http-equiv="X-UA-Compatible" content="IE=7">
</meta>
强制引擎,还应对刚刚‘上任’的IE8浏览器,以后IE8部分普及之
后,可以在将这句话去掉

/架构特点:/

样式结构里定义了header ,头部样式,这里被写成了相对定位,对于header里面的元素是采用了绝对定位,因为考虑到很多网站的头部
子结构不确定(子结构-如导航NAV,LOGO,加入收藏,设为首页。。。。),定位结构不合理,这里统一采用TOP,LEFT定位(个人看法) 我经过测试,对于头部这一块采用绝对定位,DIV结构和CSS代码量可以减少4层左右。

项目主页:http://www.open-open.com/lib/view/home/1328768715874