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视频教程