A CSS framework is usually just a collection of CSS files that include basic layouts, form styles, grids or simple structures, and style resets.
What is a CSS frame
Actually, let's start with the framework.
The framework is a basic conceptual structure that you can use for your site project.
A CSS framework is usually just a collection of CSS files that include basic layouts, form styles, grids or simple structures, and style resets. Like what:
- TYPOGRAPHY.CSS Basic Typesetting rules
- GRID.CSS Layout Based on grid
- Layout.css the usual layout
- Form.css for form style
- GENERAL.CSS more general rules
Here's a look at a variety of different CSS frameworks:
1.960 Grid System
The 960 grid system is a result of the effort to simplify the web site development process by providing a commonly used size, based on a 960-pixel page width. It has two types, 12 and 16 columns, and they can be used independently or in conjunction with each other.
2.WYMstyle CSS Framework
The purpose of this project is to provide a set of well tested modular CSS files that can be used for the rapid design of the site. Wymstyle is a set of CSS files that you can easily combine to create the layout of your site quickly. By providing a robust, well tested CSS module, Wymstyle strives to keep every web site from boring cross-browser compatibility testing.
3.YAML CSS Framework
Dirk Jesse's powerful (X) HTML/CSS Framework provides the complete default template package for many simple or more complex web site projects. Yaml is based on web standards and supports all modern browsers. The main rendering vulnerabilities for all Internet Explorer are resolved. YAML fully supports all IE versions from 5.x to 7.0.
4.YUI Grids CSS
The basic Yui grid CSS offers 4 preset page widths, 6 preset templates, and a chunk of 2, 3, and 4 volumes. This 4KB file can provide a combination of more than 1000 page layouts.
There are foreign authors have pointed out Yui Grids CSS in the most worthy of learning grid layout CSS writing:
- Negative margin Technology
- Use unit of Measure EM
- Clear the Floating layout
5.Logicss Framework
The Logic CSS Framework is a collection of CSS files and PHP programs that reduce the time to develop compliant web-standard XHTML layouts. Typically Cross-browser performance behavior (not Meyer's reset file or "*"), typesetting supports text font sizing (using EMS) and vertically centered, conforming to a customizable flexible layout grid using CSS code generation tools.
6.CleverCSS
Clevercss is a small, Python-inspired markup language for CSS that can be used to create a style sheet in a neat and structured fashion. In many ways it is more tidy and powerful than CSS2. The most obvious difference from CSS is syntax: It is based on indentation and not monotonous. While this is clearly a violation of the Python rules, it is still a good idea to organize the style.
7.Elements CSS Frameworks
Elements is a practical CSS framework. It is built to help designers write CSS faster and more efficiently. Elements has gone beyond just as a framework, and it has its own project workflow. It has all the things you need to complete your project, and it also makes you and your viewers happy. Read the overview to learn more.
8.Blueprint CSS
Blueprint is a CSS framework that is designed to reduce your CSS development time. It provides a solid base for CSS to create your project, BP by an easy-to-use grid, a reasonable layout and a print style.
9.Schema Web Design Framework
Schema is a Web page frame design designed to provide the CSS and HTML tags necessary for repetitive design tasks. Unlike creating html/css from scratch for each new Web site project, the schema provides the necessary foundation to start and immediately get your design running.
10.Emastic CSS Framework
Emastic is a CSS framework that has a continuum of tasks: Exploring unfamiliar new worlds, looking for fresh life and new web space, and daring to go to areas where the CSS framework has not yet arrived. It is lightweight, more user-friendly on the page width, and uses fixed and unfixed column widths in the grid. Elastic with "em" layout.
11.That Standards Guy CSS Framework
* Only single style files can be called
* Main style needs to obtain the CSS Authentication (WCAG 1.0);
* Cross-browser compatibility-including Internet Explorer (IE) 5.x for MAC;
* IE Hacks use of independent documents;
* Quickly create templates;
* A small number of annotations/example demo, can save time to understand.
12.Content with Style Framework
The next logical step is to extend this to a CSS framework that allows you to quickly develop your Web site using components that are well written and tested. What's really needed is a set of naming conventions and a flexible basic template ...
13.Boilerplate CSS Framework
14.ESWAT Web Project Framework
Eswat is being collated. If you are coming to the frame of my website, then you can download it here. Perhaps you would also like to see my other items Gmachina, Appleseed.
15.Tripoli CSS Framework
Tripoli is a common CSS specification for HTML performance. By resetting and rebuilding browser standards, Tripoli provides a standard, cross-browser-based performance base for your site projects.