导航

Feeldesign CSS Framework 发布

Posted on 2009-08-27 18:20  小地瓜  阅读(549)  评论(1编辑  收藏  举报

1.什么是CSS框架

框架就是一个你可以用于你的网站项目的基本的概念上的结构体。
css框架通常只是一些css文件的集合,这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。

2.什么是 Feeldesign CSS Framework

Feeldesign CSS Framework 是一个易用的css框架,我们参考了现在流行的css框架(960 Grid,Blueprint CSS,Emastic CSS Framework等),对其进行了改进和扩充,并融入了自己多年的开发经验,内置了960px 12/16/24列Grid布局、自适应宽度布局、各种字体样式、各种图标样式、打印样式等,基本涵盖了页面标准化开发中常用的css样式定义,更符合中国人的审美和使用习惯。

Feeldesign CSS Framework 是一个轻量级而且很少侵入性的框架,具有较高的完备性和稳定性,适合在几乎所有网站项目(尤其是中国地区的网站项目)中使用(您可以根据需要使用它的全部或部分)。

你可以这样开始使用它:
<!-- CSS Framework  -->
<link rel="stylesheet" href="../styles/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="../styles/print.css" type="text/css" media="print">
<link rel="stylesheet" href="../styles/stylelib.css" type="text/css" media="screen, projection">
<!--[if lt IE 8]><link rel="stylesheet" href="../styles/ie.css" type="text/css" media="screen, projection"><![endif]-->
<link rel="stylesheet" href="../styles/extends.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="../styles/extendp.css" type="text/css" media="print">

注意:
  •     请不要修改screen.css,print.css,ie.css,stylelib.css这几个文件,以便日后更新;
  •     stylelib.css为扩展样式,在项目中可以根据情况选择使用或不使用;
  •     请将自己的扩展样式写入extends.css和extendp.css文件(或其他自己定义样式的文件);
  •     本框架将em与px的转换关系变为*1em=10px*(通过设定body{font-size:63%;}),请在书写自己的扩展时注意;
  •     请不要在自己扩展的样式中body元素中定义em单位的字体(可以定义px单位的字体),如 body{font-size:1.2em};

3.版权及其他

本项目采用BSD开源协议,BSD开源协议是一个给于使用者很大自由的协议。基本上使用者可以”为所欲为”,可以自由的使用,修改源代码,也可以将修改后的代码作为开源或者专有软件再发布(如果条件允许的话,请您保留版权信息)。
本项目正在开发中,还有很多需要完善的地方,主要支持Yahoo评级A-grade浏览器。

项目主页 http://code.google.com/p/feeldesign-ued/ 希望大家多多支持