• 技术文章 >web前端 >css教程

    css框架如何使用

    醉折花枝作酒筹醉折花枝作酒筹2021-07-14 11:24:07原创114

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css框架
    上一篇:css3和less的区别是什么 下一篇:Css可以干些什么
    VIP会员

    相关文章推荐

    • html+css+js实现星空旋转和文字淡入效果(附代码)• css3中的rem怎么用• css和html区别是什么• css基线是什么• css3和less的区别是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网