灌水青年..
blueprint--css framework研究
上一篇 /
下一篇 2007-10-23 10:32:56
介绍
PHPChina 开源社区门户$s,_sW
zd!ue6]8x4yblueprint是一个所谓的css framework,相比较而言blueprint 代码中的注释还是比较详细的。PHPChina 开源社区门户)N0m@S9e
$W
p
A9\1Ku([a0按照Jeff Croft的Frameworks for Designers(或中文版本理解Web框架,和如何构建一个CSS框架)描述的如何构建一个css framework的方法:
Y,H'K8apFV5gA|0PHPChina 开源社区门户S8H]K+w B There
are several possible ways to go about building a framework, but the
most common and arguably the most useful is to abstract your common CSS
into individual stylesheets that each cover a particular part of the
whole. For example, you may have a stylesheet that sets up the
typography and another that handles the mass reset. The beauty of the
approach is the ability to selectively include only the styles that you
need. You may end up with six or seven different stylesheets in your
framework, but if a particular project doesn’t need one or two of them,
they don’t have to be included. The framework we created in our office
has five stylesheets:.
m.d3r\eM0- reset.css—handles the mass reset.
- type.css—handles the typography.
- grid.css—handles the layout grid.
- widgets.css—handles widgets like tabs, drop-down menus, and “read more” buttons.
- base.css—includes
all the other stylesheets, so that we only need to call base.css from
our (X)HTML documents to use the entire framework.
PHPChina 开源社区门户L
Zxzq3a9Y PHPChina 开源社区门户+u ?!IfW8fF
0`j*v]a-@3G7L0blueprint的构建方式也与此类似: