鸿 网 互 联 www.68idc.cn

当前位置 : 服务器租用 > 网站制作教程 > css > >

css框架如何使用

来源:互联网 作者:佚名 时间:2022-06-27 14:50
css框架使用步骤:1、设置meta;2、引用css框架代码前先引用基础css;3、引用css框架中的主要css;4、引用你需要的框架css。 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框架如何使用的详细内容,更多请关注鸿网互联其它相关文章!

上一篇:Css可以干些什么
下一篇:没有了
网友评论
<