你需要引入 dist/magic-input.css或者dist/magic-input.min.css 文件到你的工程或者HTML中。如果你使用Stylus 你就可以使用 magic-input.styl 文件

由于Stylus的强大，它支持SCSS LESS 灵活的书写方式，然后它不用像SCSS安装Ruby，不是特别出名，流行的工具没有使用它，只是在小的圈子里面挺火滴。它的强大不用赘述了，我正在使用了它开始吧：最近为了方便自己将px转换成rem写了一个基于Stylus的插件，我就以它为例子吧，源码在此stylus-px2rem

如果你使用 Stylus 作为你的预处理CSS的工具，那么 px2rem 是你使用最简单处理 px 转 rem 工具，stylus-px2rem 使用方法如此简单： 首先安装工具 {代码...} 然后只要在你的index.styl 文件引用就可以里 {代码...} Stylus 工具将index.styl 编译成 index.css 并预处理将px转换成 rem 上面内容输出为： {代码...} 选择使用...

CSS3 每个浏览器都有私有属性例如 -moz 代表firefox浏览器私有属性、-ms 代表IE浏览器私有属性、-webkit 代表chrome、safari私有属性，在 CSS3 标准还在没有定稿的时候，CSS3 中有很多属性都还处于实验性阶段，各个浏览器都针对暂行的规范草稿根据自己的理解做了 CSS3 新特性实现，但因为规范尚未成熟和定稿，某些描述的...

响应式布局麻烦之处就是每个尺寸的都要进行css定义，这个真的不是一般的蛋疼，下面有搜集到的各种尺寸css Media Query内容，搜集来源：media-queries-for-standard-devices好东西哦。

Stylus 是一个CSS的预处理框架，2010年产生，来自Node.js社区，主要用来给Node项目进行CSS预处理支持，所以 Stylus 是一种新型语言，可以创建健壮的、动态的、富有表现力的CSS。比较年轻，其本质上做的事情与 SASS/LESS 等类似，应该是有很多借鉴，所以近似脚本的方式去写CSS代码。

转载：原地址 简介 该文档主要的设计目标是提高 Less 文档的团队一致性与可维护性。 Less 代码的基本规范和原则与 CSS 编码规范 保持一致。 编撰 erik、顾轶灵、黄后锦、李玉北、赵雷。 本文档由商业运营体系前端技术组审校发布。 要求 在本文档中，使用的关键字会以中文+括号包含的关键字英文表示：必须（MUST）。关键...

虽然本文档是针对CSS设计的，但是在使用各种CSS的预编译器(如less、sass、stylus等)时，适用的部分也应尽量遵循本文档的约定。