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

< ;m eta n am e="viewport" content="width=device-width, user -s calable=no, in IT ial-scale=1.0;
 maximum-scale=1.0; user-scalable=0;" />

第二步：

引用基础css，就是说，所有引用pure的代码之前，需要引入的一个css

<link rel="stylesheet"  hr ef="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 -i e-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框架如何使用的详细内容，更多请关注其它相关 文章 ！

总结

以上是 为你收集整理的 css框架如何使用 全部内容，希望文章能够帮你解决 css框架如何使用 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于css框架如何使用的详细内容...