Rumah >hujung hadapan web >html tutorial >MUI
MUI
- WBOYasal
- 2016-06-24 11:41:301313semak imbas
MUI 是一个轻量级的 HTML、CSS 和 JS 框架，遵循 Google 的 Material Design 设计思路。MUI CSS可以在使用SASS源码时，通过GitHub或Bower来轻松定制它。自定义的范围包括响应断点，默认字体设置和使用Material Design颜色等等。MUI CSS/JS并不依赖任何其他的程序。
示例 HTML：
<!doctype html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- load MUI --> <link href="//cdn.muicss.com/mui-0.0.1/css/mui.min.css" rel="stylesheet" type="text/css" /> <script src="//cdn.muicss.com/mui-0.0.1/js/mui.min.js"></script> </head> <body> <!-- example content --> <div class="mui-container"> <div class="mui-panel"> <h1>My Title</h1> <button class="mui-btn mui-btn-primary mui-btn-raised">My Button</button> </div> </div> </body></html>
MUI 体积很小：
-
mui.min.css - 5.7K (gzipped)
-
mui.min.js - 3.0K (gzipped)
开发依赖：
-
nodejs ( http://nodejs.org/ )
-
npm ( https://www.npmjs.org/ )
-
bower ( http://bower.io/ )
-
sass ( http://sass-lang.com/ )
-
http-server (via npm)
项目主页：http://www.open-open.com/lib/view/home/1436328101302
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：position的相对位置和绝对位置_html/css_WEB-ITnoseArtikel seterusnya：CSS中!important的用法和在IE6下的表现_html/css_WEB-ITnose