css框架使用步驟：1、設(shè)置meta；2、引用css框架代碼前先引用基礎(chǔ)css；3、引用css框架中的主要css；4、引用你需要的框架css。

CSS框架是預(yù)先準(zhǔn)備好的軟件框架，允許使用層疊樣式表語(yǔ)言更容易，更符合標(biāo)準(zhǔn)的進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)。大多數(shù)這些框架包含至少一個(gè)柵格設(shè)計(jì)（grid）。

css框架使用步驟：

1、設(shè)置meta。

2、引用css框架代碼前先引用基礎(chǔ)css。

3、引用css框架主css。

4、引用你需要的框架css。

以pure為例來說明css框架的使用方法:

第一步：

設(shè)置meta

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

第二步：

引用基礎(chǔ)css，就是說，所有引用pure的代碼之前，需要引入的一個(gè)css

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

第三步：

引用pure的主css

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

第四步：

引入你需要的pure的css，這里呢，我們拋磚引玉，只管響應(yīng)式布局：

<!--[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]-->

推薦學(xué)習(xí)：css視頻教程