所属分类：web前端开发
css框架使用步骤：1、设置meta；2、引用css框架代码前先引用基础css；3、引用css框架中的主要css；4、引用你需要的框架css。
前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用
CSS框架是预先准备好的软件框架，允许使用层叠样式表语言更容易，更符合标准的进行网页设计。大多数这些框架包含至少一个栅格设计（grid）。
css框架使用步骤：
1、设置meta。
2、引用css框架代码前先引用基础css。
3、引用css框架主css。
4、引用你需要的框架css。
以pure为例来说明css框架的使用方法:
第一步：
设置meta
微博登录
QQ登录<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框架如何使用的详细内容，更多请关注zzsucai.com其它相关文章！
