手冊簡介
Stylus 是一個(gè)CSS的預(yù)處理框架，2010年產(chǎn)生，來自Node.js社區(qū)，主要用來給Node項(xiàng)目進(jìn)行CSS預(yù)處理支持，所以 Stylus 是一種新型語言，可以創(chuàng)建健壯的、動態(tài)的、富有表現(xiàn)力的CSS。比較年輕，其本質(zhì)上做的事情與 SASS/LESS 等類似，應(yīng)該是有很多借鑒，所以近似腳本的方式去寫CSS代碼。 Stylus默認(rèn)使用 .styl 的作為文件擴(kuò)展名，支持多樣性的CSS語法。
手冊說明
Stylus安裝如下，先去nodejs官方下載頁面下載安裝nodejs，支持window系統(tǒng)，直接雙擊安裝。然后，安裝stylus包，如下代碼：
$ npm install stylus
然后，就會自動下載安裝最新的stylus庫。
關(guān)于stylus更多信息（如文檔以及使用示例打包下載-英文）可以去GitHub查看。
Stylus的特征
- 冒號可選
- 分號可選
- 逗號可選
- 括號可選
- 變量
- 插值
- 混合書寫
- 算術(shù)
- 強(qiáng)制類型轉(zhuǎn)換
- 動態(tài)導(dǎo)入
- 條件
- 迭代
- 嵌套選擇
- 父級參考
- 變量函數(shù)調(diào)用
- 詞法作用域
- 內(nèi)置函數(shù)(>25)
- 內(nèi)部語言函數(shù)
- 壓縮可選
- 圖像內(nèi)聯(lián)可選
- 可執(zhí)行Stylus
- 健壯的錯誤報(bào)告
- 單行和多行注釋
- CSS字面量
- 字符轉(zhuǎn)義
- TextMate捆綁
- 以及其他更多
更新記錄
-
Stylus 其他@規(guī)則 09-11 16:06
-
Stylus @extend 09-11 16:05
-
Stylus @keyframes 09-11 16:05
-
Stylus @media 09-11 16:05
-
Stylus @import 09-11 16:05
-
Stylus @font-face 09-11 16:04
-
Stylus @block 09-11 16:03
-
Stylus 可執(zhí)行性 09-11 15:59
-
Stylus 錯誤報(bào)告 09-11 15:54
-
Stylus 字符轉(zhuǎn)碼 09-11 15:54
