css框架如何使用


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

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

1

2

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0;

 maximum-scale=1.0; user-scalable=0;" />

第二步:

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

1

<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/base-min.css">

第三步:

引用pure的主css

1

<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/pure-min.css">

第四步:

引入你需要的pure的css,这里呢,我们抛砖引玉,只管响应式布局:

1

2

3

4

5

6

<!--[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框架如何使用

什么是css框架

如何使用css框架来加快设计过程?

bootstrap是css框架

更多相关阅读请进入《css框架》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...