What is CSS Framework
A framework is a basic conceptual structure which you can use in your web-projects.
CSS frameworks are usually just a collection of CSS files that set up things like basic typography, form styling, grids/simple layout, and resets, such as
- typography.css for basic typographic rules,
- grid.css for grid-based layouts or
- layout.css for general layouts,
- form.css for basic form styling,
- general.css for further general rules
Diffrent CSS Frameworks
Blueprint is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing.
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
Emastic is a CSS Framework, it’s continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before. It is Lightweight, Personalized width of the page in, Use of fixed and fluid columns in the grid, Elastic Layout with “em”s.
The Logic CSS framework is a collection of CSS files and PHP utilities to cut development times for web-standards compliant xHTML layouts. Common cross-browser rendering behavior (not a real reset ala Meyer or like *, Typography with text resizing support (using EMs) and vertical baseline/rhythm, otally customizable flexible layout grids.
As one of the original authors of Blueprint CSS I’ve decided to re-factor my ideas into a stripped down framework which provides the bare essentials to begin any project. This framework will be lite and strive not to suggest un-semantic naming conventions. You’re the designer and your craft is important.
The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations. Other features include:
Dirk Jesse’s extensive (X)HTML/CSS Framework offers the whole bunch of default-templates for a number of simple or more complex web-projects. YAML is based on web standards and supports every modern web browser. All Internet Explorer’s major rendering bugs are countered. YAML fully supports all IE versions from 5.x/Win to 7.0.