炫意html5
最早CSS3和HTML5移动技术网站之一

stylus-zh

Stylus TextMate Bundle

Stylus ships with a TextMate bundle, located within ./editors. To install, simply execute make install-bundle,...

Stylus Sourcemaps

Stylus supports basic sourcemaps according to the Sourcemap v3 spec Create a sourcemap Pass the --sourcemap&nb...

Stylus 块(@block)

您可以将Stylus中的任何代码块赋值给变量,然后调用它,作为参数传递或以任何其他方式重用。 To define a block, either write it down with an increased indent after an...

Stylus 其他 @-rules

Stylus支持大多数的CSS @规则, 如 @viewport, @page, @host, @supports 以及其他@规则,在Stylus中使用@规则可以省略花括号({}): 这将编...

JavaScript API

JavaScript API require模块,用给定的Stylus代码字符串调用render(),以及(可选的)optional对象。 传递filename参数可以利用Stylus框架提供更好的错误报告。 var stylus = re...

stylus 自检API(Introspection API)

自检API Stylus支持自我检测的API, 这允许混写以及函数反应调用者的相关性。 混写(mixin) mixin这个局部变量在函数体内自动赋值。如果调用的函数在根级别,则mixin包含字符串root, 如果其他情况,则是block, ...

stylus 连接中间件(Connect Middleware)

连接中间件 有了连接中间件,无论Stylus片段什么时候改变,这些片段都能够自动编译。 stylus.middleware(options) 选项 返回给定options下的连接中间件。 `serve` Serve the stylus f...

stylus 错误报告(Error Reporting)

错误报告 Stylus内置梦幻般的错误报告,针对语法、解析以及计算错误,完整的堆栈跟踪,行号和文件名。 解析错误 解析错误例子: body form input == padding 5px 呈现为: Error: /Users/tj/Pr...

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: 14px; } 炫意HTML5...

stylus 函数之url()

内联Data URI图像 Stylus捆绑了一个可选函数,名叫url(),其替换了字面上的url()调用(且使用base64 Data URIs有条件地内联它们)。 示例 通过require('stylus').url该函数本身是可用的,其...

stylus 继承(@extend)

继承 Stylus的@extend指令受SASS实现的启发,基本一致,除了些轻微差异。此功能大大简化了继承其他语义规则集的语义规则集的维护。 混合书写下的“继承” 尽管你可以使用混写实现类似效果,但会导致重复的CSS. 典型的模式式定义如下...

stylus 导入(@import)

导入 Stylus支持字面@import CSS, 也支持其他Stylus样式的动态导入。 字面CSS 任何.css扩展的文件名将作为字面量。例如: @import "reset.css" 渲染如下: @import "reset.css"...

stylus 迭代(Iteration)

迭代 Stylus允许你通过for/in对表达式进行迭代形式如下: for <val-name> [, <key-name>] in <expression> 例如: body for num in 1 ...

stylus 条件(Conditionals)

条件 条件提供了语言的刘控制,否则就是纯粹的静态语言。提供的条件有导入、混入、函数以及更多。下面的例子纯粹示例,并不是使用建议。 if / else if / else 这没什么好说的,跟一般的语言一致,if表达式满足(true)的时候执行...

stylus 注释(Comments)

注释 Stylus支持三种注释,单行注释,多行注释,以及多行缓冲注释。 单行注释 跟JavaScript一样,双斜杠,CSS中不输出。 // 我是注释! body padding 5px // 蛋疼的padding 多行注释 多行注释看起来...

stylus 内置方法(Built-in Functions)

red(color) 返回color中的红色比重。 red(#c00) // => 204 green(color) 返回color中的绿色比重。 green(#0c0) // => 204 blue(color) 返回colo...

stylus 方法(Functions)

函数 Stylus强大之处就在于其内置的语言函数定义。其定义与混入(mixins)一致;却可以返回值。 返回值 很简单的例子,两数值相加的方法: add(a, b) a + b 我们可以在特定条件下使用该方法,如在属性值中: body pa...

CSS3教程HTML5教程