CSS modularization (8) Popular Front-end framework

8. Reasons for generating Part 8.1 of the CSS framework

The same is true for writing css. From the beginning, it only defines the text color and content layout, and now it defines all the representations. The css framework has been gradually paid attention to, because we all realize that abstract modules are extracted from the concrete expression for reuse, it is the most important way to reduce user downloads and facilitate team and personal development.

8.2 CSS framework definition

The CSS framework is a collection of CSS files, including basic element resetting, page layout, grid layout, form styles, general rules, and other code blocks. It is used to simplify front-end web development, improve work efficiency.

8.3 features

1. Abstract Common css styles, high availability, and high portability

2. inherent definitions, detailed documents and Development Features

3. High compatibility and compatibility with popular browsers

4. css-based scripts, but not all of them are css. Some js (or other) Scripts may be used for compatibility with browsers.

8.4 advantages and disadvantages

Advantages

A) improve development efficiency.

B) standardized name definition for easy maintenance.

C) Standardize the project development process

D) css code is clearer and simpler. Html code is more reasonable.

E) large-scale projects can reduce user downloads

Disadvantages

A) learning costs increase. You need to understand the entire framework and read the framework documentation.

B) The css framework is very bloated for pages such as a small project. Most of the code that you cannot use in the framework. One important aspect of self-writing CSS frameworks is component reusability.

C) It may not help improve your technology. It is so dependent on the framework that it is difficult to eliminate bugs. Including bugs inherent in the framework.

D) It is painful to select the desired framework and development framework. It becomes increasingly inflexible and bloated.

8.5 common css frameworks

960gs, YUI 2: Grids CSS, thirsty cut-Open Source Chinese css framework, Blueprint, BlueTrip, Bootstrap, Elastic CSS, Easy, EZ-CSS, Tripoli, CleverCSS, SenCSS

8.6 Bootstrap

Bootstrap is an open-source toolkit launched by Twitter for front-end development. It was developed by Twitter designer Mark Otto and Jacob Thornton. It is a CSS/HTML framework. It is a simple, intuitive, and powerful front-end development framework, making web development more rapid and simple. Its built-in js and css can complete the vast majority of commonly used webpage special effects and response functions. It is a good framework.