骁勇不足以对抗敌军炮火
与我们对手的巨大优势相争是徒劳的。
他求胜心切,但这并不能抵挡得住对手的健壮与技艺
这种药对这种病没有疗效。
是个什么鬼对于开发来说,CSS的弱点在于静态化我们需要一个真正能提高开发效率的工具,LESS
SASS
都在这方面做了一些贡献。
Stylus
是一个CSS的预处理框架2010年产生,来自Node.js社区主偠用来给Node项目进行CSS预处理支持,所以 Stylus
是一种新型语言可以创建健壮的、动态的、富有表现力的CSS。比较年轻其本质上做的事情与 SASS
/LESS
等类似,应该是有很多借鉴所以近似脚本的方式去写CSS代码。
Stylus
默认使用 .styl
的作为文件扩展名支持多样性的CSS语法。
Stylus
功能上更为强壮和js联系更加紧密。所以我选择 Stylus
SASS
玩儿过一段时间,主要是这玩意依赖ruby运行所以我放弃使用了。
全局安装安装之前你需要你安装 nodejs
这个怎么安装搜去哦。
这样就算是安装完Stylus了也可以正常使用Stylus。
grunt生成 就比较爽歪歪了具体grunt怎么玩儿,俺写了个教程 可以学习以下
stylusExample 目录下创建两个文件,这兩个文件是grunt必备文件
然后安装必备插件,这些插件让stylus文件变更了自动生成生成到相对应的文件目录中。如果报错你需要在命令行前面加上sudo给它最大的执行权限。
插件执行完毕之后 package.json
文件变成了这样样子滴
这个时候你需要使用这些插件儿完成你的任务需要在Gruntfile.js
里面写你的執行任务。
注意读懂上面的哦目录高对哦,這些没有必要提醒哦这个时候你可以好好耍一下stylus
这个时候真正的开始玩耍了哦。
stylus : 强大的功能丰富的语言
通过内置unit()把单位都变成px, 因为赋值茬每个参数上因此,我们可以无视单位换算
通过内置unit()把单位都变成px, 因为赋值在每个参数上,因此我们可以无视单位换算。
stylus:指定z-index值为1但是,只有在z-index之前未指定的时候才这样:
stylus:属性会“向上冒泡”查找堆栈直到被发现或者返回null(如果属性搞不定)下面这个例子,@color被弄荿了blue.
下表运算符优先级从最高到最低:
@import
工作原理为:遍历目录队列,并检查任意目录中是否有该文件(类似node的require.paths)该队列默认为单一路徑,从filename
选项的dirname
衍生而来
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。