How to use css framework

Steps to use the css framework: 1. Set meta; 2. Reference the basic css before citing the css framework code; 3. Reference the main css in the css framework; 4. Reference the framework css you need.

CSS frameworks are pre-prepared software frameworks that allow easier, more standards-compliant web design using the Cascading Style Sheet language. Most of these frameworks contain at least one grid design.

Steps to use css framework:

1. Set meta.

2. Reference the basic css before citing the css framework code.

3. Reference the main css of the css framework.

4. Quote the framework css you need.

Take pure as an example to illustrate the use of css framework:

First step:

Set meta

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0;
 maximum-scale=1.0; user-scalable=0;" />

Second step:

Refer to the basic css, that is to say, before all the code that references pure, a css needs to be introduced

<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/base-min.css">

The third step:

Reference the main css of pure

<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/pure-min.css">

Step 4:

Introduce the pure css you need. Here, let’s start with the responsive layout:

<!--[if lte IE 8]>
<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/grids-responsive-old-ie-min.css">
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/grids-responsive-min.css">
<!--<![endif]-->

Recommended learning: css video tutorial

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