手冊簡介

Stylus 是一個CSS的預處理框架,2010年產(chǎn)生,來自Node.js社區(qū),主要用來給Node項目進行CSS預處理支持,所以 Stylus 是一種新型語言,可以創(chuàng)建健壯的、動態(tài)的、富有表現(xiàn)力的CSS。比較年輕,其本質(zhì)上做的事情與 SASS/LESS 等類似,應該是有很多借鑒,所以近似腳本的方式去寫CSS代碼。 Stylus默認使用 .styl 的作為文件擴展名,支持多樣性的CSS語法。

手冊說明

Stylus安裝如下,先去nodejs官方下載頁面下載安裝nodejs,支持window系統(tǒng),直接雙擊安裝。然后,安裝stylus包,如下代碼:
$ npm install stylus

然后,就會自動下載安裝最新的stylus庫。

關于stylus更多信息(如文檔以及使用示例打包下載-英文)可以去GitHub查看。

Stylus的特征
  • 冒號可選
  • 分號可選
  • 逗號可選
  • 括號可選
  • 變量
  • 插值
  • 混合書寫
  • 算術
  • 強制類型轉(zhuǎn)換
  • 動態(tài)導入
  • 條件
  • 迭代
  • 嵌套選擇
  • 父級參考
  • 變量函數(shù)調(diào)用
  • 詞法作用域
  • 內(nèi)置函數(shù)(>25)
  • 內(nèi)部語言函數(shù)
  • 壓縮可選
  • 圖像內(nèi)聯(lián)可選
  • 可執(zhí)行Stylus
  • 健壯的錯誤報告
  • 單行和多行注釋
  • CSS字面量
  • 字符轉(zhuǎn)義
  • TextMate捆綁
  • 以及其他更多


更新記錄

在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號