How should a CSS framework be built?
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:
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.
Group items matching
in title, tags, annotations or url
1More
Introduction to CSS3 - Part 4: User Interface | Design Shack - 0 views
2More