css框架如何使用

146 阅读 0 评论 97 点赞

我是靠谱客的博主自觉香烟，最近开发中收集的这篇文章主要介绍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框架如何使用的详细内容，更多请关注靠谱客其它相关文章！