Stylus入門教程 例項(1)

2021-07-25 18:39:38 字數 1141 閱讀 8723

1、安裝與自動編譯

2、變數( variables)

position()

position: arguments

z-index: 1

unless

@z-index

#logo

z-index: 20

position: absolute

#logo2

position: absolute

編譯後

#logo

#logo2

body

color: red

ulli

color: blue

abackground-color: @color

編譯後

body

body

ulli

body

ulli

a

3、運算子(operators)

0% 

0px1px

-1-1px

hey'hey'

(0 0 0)

('' '')

false例子

0

null

false

''

stylus提供乙個二元運算子叫做is a, 用做型別檢查。

15

is a 'unit'

//=>

true

#fff is a 'rgba'

//=>

true

15is a 'rgba'

//=>

false

類似的,我們可以使用type()這個內建函式。

type(#fff) ==

'rgba'

// => true

注意:color是唯一的特殊情況,當左邊是rgba或者hsla節點時,都為true.

未完待續!!!

SuperMap Objects 入門教程 1

supermap objects 入門教程 1 目的 了解supermap objects 最基本的操作流程。實用物件 初次接觸supermap objects 控制項的使用者。涉及到的物件與相關介面 事件 屬性 方法 1.supermap 物件 用於顯示地圖 地圖圖層管理 地圖放大 縮小等 sup...

Python入門教程(1)

工作告一段落,開始寫入門python系列,這個系列時間跨度很長,原計畫是2016年7月份才正式學python的,結果最近來了乙個會python的同事,簡單的讓我入了門,所以先寫再說吧。按照習慣第一次輸入 hello world 完成第乙個python程式。操作符 加 減 乘 除 使用者輸入 inpu...

TopCoder入門教程 1

本文根據經典的tc教程完善和改編。topcoder 基本規則 topcoder的比賽型別很多,最常見的是周賽srm single round match 另外還有tchs srm topcoder high school srm,題目和srm一樣,僅限中學生參加,參賽者水平較低,據說漲rating很...