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

Stylus TextMate Bundle

老王阅读(347)

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

Stylus Implementation Comparisons

丹青阅读(394)

Below we go head to head with other implementations. 变量(Variables) SCSS: Less: Stylus: 混合(Mixins) SCSS: Less: Stylus: Co...

Stylus Sourcemaps

阿喜阅读(356)

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

Stylus 块(@block)

yiyan阅读(336)

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

Stylus 其他 @-rules

小杜阅读(351)

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

JavaScript API

中天阅读(340)

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

stylus 自检API(Introspection API)

bigao阅读(286)

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

stylus 连接中间件(Connect Middleware)

中天阅读(307)

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

stylus 错误报告(Error Reporting)

老王阅读(308)

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

stylus 字符转码(Char Escaping)

啊Q阅读(329)

转码 Stylus可以字符转码。这可以让字符变成标识符,或是渲染成字面量。 例如: body padding 1 \+ 2 编译成: body { padding: 1 + 2; } 注意Stylus中/当作为属性使用的时候需要用括号括起来...

stylus CSS字面量(CSS Literal)

中天阅读(370)

字面量CSS 不管什么原因,如果遇到Stylus搞不定的特殊需求,你可以使用@css使其作为CSS字面量解决之。 @css { body { font: 14px; } } 编译为: body { font: 14px; } 炫意HTML5...

stylus 函数之url()

田田阅读(528)

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

stylus 继承(@extend)

丹青阅读(355)

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

stylus 导入(@import)

阿喜阅读(397)

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

stylus 迭代(Iteration)

牛青阅读(362)

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

stylus 条件(Conditionals)

yiyan阅读(327)

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

stylus 注释(Comments)

阿喜阅读(333)

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

stylus 内置方法(Built-in Functions)

老王阅读(312)

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

stylus 方法(Functions)

田田阅读(308)

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

stylus 插值(Interpolation)

阿喜阅读(351)

插值 Stylus支持通过使用{}字符包围表达式来插入值,其会变成标识符的一部分。例如,-webkit-{'border' + '-radius'}等同于-webkit-border-radius. 比较好的例子就是私有前缀属性扩展: ve...

stylus 变量(Variables)

bigao阅读(361)

变量 我们可以指定表达式为变量,然后在我们的样式中贯穿使用: font-size = 14px body font font-size Arial, sans-seri 编译为: body { font: 14px Arial, sans-...

Stylus基本使用的快速教程

html5阅读(646)

介绍 这个哥们儿学名叫 stylus,是 CSS 的预处理框架。 CSS 预处理,顾名思义,预先处理 CSS。那 stylus 咋预先处理呢?stylus 给 CSS 添加了可编程的特性,也就是说,在 stylus 中可以使用变量、函数、判...

Java基础教程Android基础教程