15 Foreign selected CSS Frames

Source: Internet
Author: User
Tags html tags include
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.



Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.