Stylus 教程

本文目录结构

Stylus 中文教程

Stylus - 富有表现力的、动态的、健壮的CSS

对于开发来说,CSS的弱点在于静态化。我们需要一个真正能提高开发效率的工具,LESS, SASS都在这方面做了一些贡献。

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

Stylus默认使用 .styl 的作为文件扩展名,支持多样性的CSS语法。

Stylus功能上更为强壮,和js联系更加紧密。Stylus对前端更加友好;

SASS需要依赖ruby运行,这点对前端并不友好(配合工具或者IDE会很不错);

前置条件

stylus 是 Node.js 的生态内的;

如果你对Node.js还不了解,建议你可以先看下本站的 Node.js 教程

如果你对CSS的基础也很弱,可以通过本站的 CSS教程 / CSS3教程CSS文档 来学习;

参考

阿西河

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

关于本站

阿西河前端教程more,是一个提供大前端开发教程的网站;这里不仅会有传统的WEB开发教程,还会包含Nodejs,Docker,云服务相关的介绍;