如何使用css框架

如何使用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]-->

看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注编程网行业资讯频道，感谢您对编程网的支持。