css框架如何使用

css框架使用步驟：1、設定meta；2、引用css框架程式碼前先引用基礎css；3、引用css框架中的主要css；4、引用你需要的框架css。

CSS框架是預先準備好的軟體框架，允許使用層疊樣式表語言更容易，更符合標準的進行網頁設計。大多數這些框架包含至少一個柵格設計（grid）。

css框架使用步驟：

1、設定meta。

2、引用css框架程式碼前先引用基礎css。

3、引用css框架主css。

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

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

第一步：

設定meta

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

第二步：

引用基礎css，就是說，所有引用pure的程式碼之前，需要引入的一個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，這裡呢，我們拋磚引玉，只管響應式佈局：

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

推薦學習：css視頻教程

以上是css框架如何使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！