移动端主流的css框架

html-css014

移动端主流的css框架,第1张

1、bootstrap: http://www.bootcss.com/ 响应式布局

jquery weui https://jqweui.cn/components#form

jquery weui开发经验总结

2、css3 动画

http://www.haorooms.com/uploads/example/Animatecss/

更多框架

http://nec.netease.com/framework

3、icon字体

http://fontawesome.io/

http://www.iconfont.cn/

4、css的 SASS 和Less框架

vonic 框架

https://wangdahoo.github.io/vonic/docs/#/

少年,请养成看文档手册的习惯,官网写得清清楚楚。

<!-- 新 Bootstrap 核心 CSS 文件 -->

<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件(一般不用引入) -->

<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->

<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

在页面里引入bootstrap的css和js文件有下面两种方法

方法一:

首先得把boostrap下下来;

<link type="text/css" rel="stylesheet" href="boostrap.min.css">这个是引入css文件

<script type="text/javascript" scr="boostrap.min.js">这个是引入js文件

方法二:

<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">CDN引入(css)

<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script

CDN引入(js)

注意:引用之前要先引用jquery才可以用它的js文件