包含标签:CSS预处理框架 的文章
-
stylus 错误报告(Error Reporting)
错误报告 Stylus内置梦幻般的错误报告,针对语法、解析以及计算错误,完整的堆栈跟踪,行号和文件名。 解析错误 解析错误例子: body form input == padding 5…… -
stylus 字符转码(Char Escaping)
转码 Stylus可以字符转码。这可以让字符变成标识符,或是渲染成字面量。 例如: body padding 1 \+ 2 编译成: body { padding: 1 + 2; } 注意Stylus中/当作为…… -
stylus CSS字面量(CSS Literal)
字面量CSS 不管什么原因,如果遇到Stylus搞不定的特殊需求,你可以使用@css使其作为CSS字面量解决之。 @css { body { font: 14px; } } 编译为: body { font: …… -
stylus 函数之url()
内联Data URI图像 Stylus捆绑了一个可选函数,名叫url(),其替换了字面上的url()调用(且使用base64 Data URIs有条件地内联它们)。 示例 通过require('stylu…… -
stylus 继承(@extend)
继承 Stylus的@extend指令受SASS实现的启发,基本一致,除了些轻微差异。此功能大大简化了继承其他语义规则集的语义规则集的维护。 混合书写下的“继承” 尽管你…… -
stylus 导入(@import)
导入 Stylus支持字面@import CSS, 也支持其他Stylus样式的动态导入。 字面CSS 任何.css扩展的文件名将作为字面量。例如: @import "reset.css" 渲染如下: @im…… -
stylus 迭代(Iteration)
迭代 Stylus允许你通过for/in对表达式进行迭代形式如下: for <val-name> [, <key-name>] in <expression> 例如: body for num in 1 2 3 f…… -
stylus 条件(Conditionals)
条件 条件提供了语言的刘控制,否则就是纯粹的静态语言。提供的条件有导入、混入、函数以及更多。下面的例子纯粹示例,并不是使用建议。 if / else if / else…… -
stylus 注释(Comments)
注释 Stylus支持三种注释,单行注释,多行注释,以及多行缓冲注释。 单行注释 跟JavaScript一样,双斜杠,CSS中不输出。 // 我是注释! body padding 5px // 蛋…… -
stylus 内置方法(Built-in Functions)
red(color) 返回color中的红色比重。 red(#c00) // => 204 green(color) 返回color中的绿色比重。 green(#0c0) // => 204 blue(color) 返回color中的蓝…… -
stylus 方法(Functions)
函数 Stylus强大之处就在于其内置的语言函数定义。其定义与混入(mixins)一致;却可以返回值。 返回值 很简单的例子,两数值相加的方法: add(a, b) a + b 我们…… -
stylus 插值(Interpolation)
插值 Stylus支持通过使用{}字符包围表达式来插入值,其会变成标识符的一部分。例如,-webkit-{'border' + '-radius'}等同于-webkit-border-radius. 比较好的例…… -
stylus 变量(Variables)
变量 我们可以指定表达式为变量,然后在我们的样式中贯穿使用: font-size = 14px body font font-size Arial, sans-seri 编译为: body { font: 14px Arial, …… -
Stylus CSS获取、安装、特性、基本使用方法
CSS需要有个巴神 下面中规中矩的CSS代码是否看得眼睛生茧了? body { font: 12px Helvetica, Arial, sans-serif; } a.button { -webk…… -
Stylus基本使用的快速教程
介绍 这个哥们儿学名叫 stylus,是 CSS 的预处理框架。 CSS 预处理,顾名思义,预先处理 CSS。那 stylus 咋预先处理呢?stylus 给 CSS 添加了可编程的…… -
Stylus Selectors
Indentation Stylus is “pythonic” (i.e. indentation-based). Whitespace is significant, so we substitute { and } with an ……