Home >Web Front-end >Front-end Q&A >what is css framework

what is css framework

青灯夜游
青灯夜游Original
2021-05-11 16:56:466775browse

CSS framework is a pre-prepared software framework. It is a collection of a series of CSS files, including basic element reset, page layout, grid layout, form style, general rules and other code blocks. Use To simplify web front-end development work and improve work efficiency.

what is css framework

The operating environment of this tutorial: Windows 7 system, CSS3 version, Dell G3 computer.

CSS framework is a pre-prepared software framework, which is a collection of a series of CSS files. Simply put, it is some pre-written CSS. You only need to add some specific classes to your HTML elements to quickly get some desired effects.

The CSS framework includes basic element reset, page layout, grid layout, form style, general rules and other code blocks to simplify web front-end development work and improve work efficiency.

More powerful frameworks are also equipped with more features and additional JavaScript-based functions. Two notable and widely used examples are Bootstrap and Foundation (framework). Other awsm.css, Flexify, Materialize, Semantic UI.

Some larger frameworks will use CSS interpreters. For example LESS and Sass.

Cause

The same goes for writing css, from just defining text color and content layout to defining all performances. The CSS framework has gradually received more attention, because everyone realizes that extracting abstract modules from concrete expressions for reuse is the most important means to reduce user downloads and facilitate team and individual development.

Features

1. Abstract commonly used CSS styles, high reusability, and high portability

2. Have inherent definitions and detailed Documentation and development features

3. High compatibility, compatible with popular browsers

4. Mainly css, but not necessarily all css, there may be some js (or other) The script is used to be compatible with browsers

Common css frameworks are:

1, Bootstrap

Front-end framework based on css, JavaScript, and html, among which css is the key point.

is used to implement responsive design for different terminal devices such as computers, mobile phones, and tablets, so that one meeting can be used by multiple terminals.

2. Foundation

It is a collection of many functions and is the basis for other frameworks in Mac/iOS.

It is a professional front-end framework that provides business support, training and consulting. It has been applied to large websites such as Facebook, Mozilla, and Ebay.

3. Pure

It is a lightweight, responsive css framework.

The main feature is a pure CSS framework, without any JavaScript code, rendering faster.

Learning video sharing: css video tutorial

The above is the detailed content of what is css framework. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn