[Recommended] Select 15 Foreign CSS frameworks

What is a css framework?

In fact, let's start with the Framework.
The framework is a basic conceptual structure that you can use for your website project.

Css frameworks are usually just a collection of css files, including basic layout, form styles, grids or simple structures, and style resetting. For example:

• Basic typographical rules of typography.css
• Grid.css grid-based layout
• Layout.css General Layout
• Form.css for Form Style
• General.css more general rules

Let's take a look at different CSS frameworks:

1.960 Grid System

The 960 grid system is the result of an effort to simplify the website development process by providing the commonly used size, based on the page width of 960 pixels. It has two types: 12 and 16 columns, which can be used independently or collaboratively.

 

2. WYMstyle CSS Framework

The purpose of this project is to provide a group of well-tested modular CSS files that can be used for fast website design. WYMstyle is a set of CSS files. You can easily combine these files to quickly create the layout of your website. By providing reliable and well-tested CSS modules, WYMstyle strives to prevent every website from boring cross-browser compatibility tests.

3. yaml css Framework

Dirk Jesse's powerful (X) HTML/CSS framework provides complete default template packages for many simple or more complex website projects. YAML is based on web standards and supports all modern browsers. All major rendering vulnerabilities of Internet Explorer are fixed. YAML fully supports all IE versions from 5.x to 7.0.

4. YUI Grids CSS

The basic YUI grid CSS provides four preset page widths, six preset templates, and blocks divided into 2, 3, and 4 volumes. This 4 kb file can provide a combination of page la s in excess of 1000.

Some foreign authors have pointed out that YUI Grids CSS is the most worth learning method for grid layout CSS:

• Negative Margin Technology
• Use measurement unit em
• Clear the floating Layout

5. Logicss Framework

The Logic CSS framework is a collection of CSS files and PHP programs used to reduce the time needed to develop xHTML laxhtml s that comply with web standards. Usually cross-browser behavior (not a re-set file of Meyer or "*"). The layout supports text font size adjustment (using EMS) and vertical center, compliant with customizable and flexible layout grids use css code generation tools.

6. CleverCSS

CleverCSS is a Python-inspired small markup language for css. It can be used to create a style sheet in a neat and structured manner. It is neat and powerful than CSS2 in many aspects. The most obvious difference from CSS is Syntax: it is based on indentation and is not monotonous. Although this apparently violates Python rules, it is still a good idea for organizing styles.

7. Elements CSS Frameworks

Elements is a practical CSS framework. It is built to help designers write CSS more quickly and efficiently. Elements has gone beyond just being a framework and has its own project workflow. It has everything you need to complete the project, which also makes you and your viewers happy. Read more.

8. Blueprint CSS

Blueprint isCSS frameworkIt aims to reduce your css development time. It provides a reliable css Foundation to create your project. BP consists of an easy-to-use grid, a reasonable layout, and a print style.

9. Schema Web Design Framework

SchemaIt is a webpage Framework Design designed to provide CSS and HTML tags required for repeated design tasks. Unlike creating HTMl/CSS for every new website project from scratch, Schema provides the necessary foundation to start and immediately let your design run.

10. Emastic CSS Framework

Emastic is a CSS framework with continuous tasks: exploring new worlds, finding new lives and new website spaces, and boldly going to fields not yet reached by the CSS framework. It is lightweight and user-friendly in the page width, and uses fixed and unfixed column widths in the grid. Elastic uses the "em" layout.

11. That Standards Guy CSS Framework

* Only one style file can be called.
* CSS authentication is required for the main style (WCAG 1.0 );
* Cross-browser compatibility-Internet Explorer (IE) 5.x for Mac;
* IE Hacks uses independent files;
* Quickly create a template;
* A small amount of comments/instance demos can save time to understand.

12. Content with Style Framework

The next logical step is to extend this to the CSS framework, allowing you to quickly develop websites using components that are written and tested. What is actually needed is to get a set of naming conventions and a flexible basic template...

13. Boilerplate CSS Framework

14. ESWAT Web Project Framework

ESWAT is reorganizing. If you are targeting my website framework, you can download it here. Maybe you want to see my other projects gmachina and AppleSeed.

15. Tripoli CSS Framework

Tripoli is a general css specification for HTML representation. By resetting and recreating browser standards, Tripoli provides a standard cross-browser performance basis for your website projects.