Shulou(Shulou.com)06/02 Report--

This article mainly introduces what the classic CSS framework has, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

1. 960gs

The page width of 960 pixels seems to have become a design standard, which can well show the content of the web page at various resolutions. Provide more commonly used dimensions to simplify the web page design process and make the work simple and efficient.

Download address: http://960.gs/

2. YUI 2: Grids CSS

Mango has introduced the YUI launched by the Yahoo development team, and this YUI Grids CSS is part of it. As one of the CSS frameworks, YUI Grids CSS provides four preset page widths and six preset templates. Among them, the negative Margin technology, the use of measurement unit em, clearing layout floats and other technologies are worth learning and using for reference.

Download address: http://developer.yahoo.com/yui/grids/

3. Blueprint

Blueprint is a mature CSS framework that divides layout (layout), typesetting (typography), components (widget), reset (reset), printing (print), etc., into different CSS files. In the web page design, the introduction of code is reduced, and the page loading efficiency is improved.

Download address: http://www.blueprintcss.org/

4. BlueTrip

BlueTrip is a well-done part that integrates the BluePrint & Tripoli framework; the print style of Hartija; the simplicity of 960.gs; a css framework of the Elements icon. Provides you with an easy-to-use collection of styles and a common way to make websites. So you can focus on the design.

Download address: http://bluetrip.org/

5. Elastic CSS

Elastic is a simple CSS framework for laying out web pages. Elastic can implement a variety of common web page layouts.

Download address: http://elasticss.com/

6. Easy

Popular JQUERY components on the market are incorporated into its framework, as long as you directly use this framework, do not have to learn complex AJAX JQuery syntax, very convenient.

Download address: http://easyframework.com/

7. EZ-CSS

EZ-CSS is a lightweight, browser-friendly, easy-to-use CSS framework. A complex page layout (layouts) used to create a CSS+Div.

Download address: http://www.ez-css.org/

8. Tripoli

Tripoli is a general css specification for HTML presentation. By resetting and rebuilding browser standards, Tripoli provides a standard, cross-browser performance basis for your website project.

Download address: http://devkick.com/lab/tripoli/

9. CleverCSS

CleverCSS is a small Python-inspired markup language for css that can be used to create a stylesheet in a neat and structured manner. It is cleaner and more powerful than CSS2 in many ways. The most obvious difference from CSS is syntax: it is indented and not monotonous. Although this clearly violates the rules of Python, it is still a good idea for an organizational style.

Download address: http://sandbox.pocoo.org/clevercss/

10. SenCSS

It provides a reasonable style for the repetitive parts of your CSS so that you can pay more attention to the style of your site. Unlike other CSS frameworks, SenCSs does not contain a variety of cluttered layout patterns or predefined grid systems, so what can SenCSs do? baseline, fonts, paddings, margins, tables, lists, headers, blockquotes, forms and so on are what SenCSs can do.

Download address: http://sencss.kilianvalkhof.com/

11. Emastic

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

Download address: http://code.google.com/p/emastic/

12. Typogridphy

Typogridphy is a CSS framework suitable for grid layout, which is used to help web designers and front-end developers quickly code to achieve beautiful grid layout. It allows you to quickly create a variety of grid layouts, and is very easy and simple. The CSS of this framework fully conforms to the semantic verification, strict Xhtml and other standards.

Download address: http://csswizardry.com/typogridphy/

13. Less Framework 3

It is a less.js-based CSS framework that makes full use of its advanced features such as blending, variables and nesting.

Download address: http://lessframework.com/

14. Elements

Is a very lightweight css framework, from its code organization structure, the author obviously hopes that the real project can all be deployed in the framework of this css.

Download address: http://elements.projectdesigns.org/

15. Boilerplate

It is a default template for HTML/CSS/JS, which can help you build a website that supports HTML5-CSS3 and cross browsers.

Download address: http://code.google.com/p/css-boilerplate/

16. Malo

An ultra-small, flexible, easy-to-use, personalized page with variable width.

Download address: http://code.google.com/p/malo/

17. The 1kb CSS Grid

If you only need a lightweight CSS grid system to build the main framework of your site, then you can try 1Kb CSS Grid. A generator is provided on the 1KB CSS Grid website for customizing CSS grids, and customized CSS grids can be downloaded directly.

Download address: http://www.1kbgrid.com/

18. Fluid Grid System

The navigation menu text of a website can not provide enough information to express the content of the current menu button, the general solution is to use the prompt message ToolTip, then the mobile navigation menu can also solve this problem, but also add some fashionable and dynamic elements to the website design.

Download address: http://fluid.newgoldleaf.com/

19. Content with Style

The next logical step in Content with Style is to extend this to the CSS framework, which allows rapid development of Web sites using components that have been written and tested. What is really needed is a set of naming habits and a flexible basic template.

Download address: http://www.contentwithstyle.co.uk/content/a-css-framework

20. WYMstyle

WYMstyle is a set of CSS files that you can easily combine to quickly create the layout of your site. By providing reliable, well-tested CSS modules, WYMstyle strives to protect every site from tedious cross-browser compatibility testing.

Download address: http://sourceforge.net/projects/wymstyle/

21. The Golden Grid

It is a relatively new CSS framework developed by vladocar, which can provide a new layout reference for modern website design. It is very small, so it is easy to learn. Some of the methods of dealing with layout are worth learning from. If you understand the 960 grid system, then this framework will be easier for you to use.

Download address: http://code.google.com/p/the-golden-grid/

twenty-two。 Yet Another Multicolumn Layout (YAML)

YAML is a (X) HTML/CSS framework developed for flexible and user-friendly layouts. YAML has provided a wide range of documentation since its inception in 2007. Like many other CSS-Framework such as Blueprint CSS or YUI Grids, a predefined CSS-classes system is provided for creating grid-based layouts. To create a layout, the designer needs to create the HTML structure of the website, then write the CSS for the container (html tag), and take care of the rest.

Download address: http://www.yaml.de/en/

23. Compass

Compass is a styling framework that makes your stylesheets and tags easy to create and maintain. Write your own style with sass instead of the original css. With the combination of Mixins and Compass in Sass, you can use style frameworks such as Blueprint to replace your own style markings. Compass is based on sass and can use css frameworks such as Blueprint, which is very convenient.

Download address: http://compass-style.org/

24. Schema Web Design Framework

Schema is a web page framework designed to provide the CSS and HTML tags necessary for repetitive design tasks. Instead of creating a HTMl/CSS for every new website project from scratch, Schema provides the necessary foundation to get your design up and running right away.

Download address: http://sourceforge.net/projects/schema/

25. Sparkl

It is a very mature system, it is small and flexible, easy to learn and use.

Download address: http://webscripts.softpedia.com/script/Development-Scripts-js/HTML-Tools/Sparkl-61913.html

twenty-six。 The jQuery UI CSS Framework

It is a set of UI controls and mouse interaction components with skin replacement function based on jquery. Used to help developers build Web applications with a good user experience. Provides a strong CSS Framework for users to define the use of jQuery widgets. Among them, ThemeRoller allows you to operate and design different styles of web interfaces at will.

Download address: http://docs.jquery.com/UI/Theming/API#The_jQuery_UI_CSS_Framework

twenty-seven。 52framework

It is a Web development framework that can implement HTML5 and CSS3. It is a cross-browser framework that runs on all major browsers, including IE6. It is mainly realized by a HTML5 enabling JavaScript file file.

Download address: http://52framework.com/

Thank you for reading this article carefully. I hope the article "what are the Classic CSS frameworks" shared by the editor will be helpful to you? at the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.