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框架如何使用的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！