stylus
是乙個css的預處理框架,2023年產生,來自node.js社群,主要用來給node專案進行css預處理支援,所以stylus
是一種新型語言,可以建立健壯的、動態的、富有表現力的css。比較年輕,其本質上做的事情與sass
/less
等類似,應該是有很多借鑑,所以近似指令碼的方式去寫css**。
stylus
預設使用.styl
的作為副檔名,支援多樣性的css語法。
stylus
功能上更為強壯,和js聯絡更加緊密。
stylus檔案字尾是 .styl
當然,首先你得安裝node.js執行環境
$ npm install -g stylus
執行stylus -h
可以獲得相關的命令列支援
新建src資料夾
新建example.stly檔案
開啟命令列介面
輸入 stylus -w example.styl -o src
-w 是自動監視檔案 -o 是將編譯後的css檔案輸出到指定檔案中
在example.styl裡面寫內容,儲存即可
壓縮
$ stylus --compress src/
輸出compiled src/example.css
,這個時候表示你生成成功了,帶上--compress
引數表示你生成壓縮的css檔案。
$ stylus --css css/example.css css/out.styl
css轉換成styl
$ stylus help box-shadow
css屬性的幫助
$ stylus --css test.css
輸出基本名一致的.styl文
知道這些就夠了
GIT安裝及使用方法
1 windows中安裝git及使用方法 1.3.2 在本地倉庫中開啟git的命令列git bash,輸入 git remote add origin 將新建立的遠端倉庫的 和遠端分支繫結起來。1.3.3 git pull origin master allow unrelated historie...
stylus 介紹 , 安裝 , 使用
1.stylus是css預處理器,具有對css可程式設計,編寫快速便捷的特性.2.stylus源自於node.js 2010年產生 主要用來給node專案進行css預處理支援 1.標準的stylus語法就是沒有花括號,沒有分號,沒有冒號 減少開發時間 2.近似指令碼的方式去寫css 1.stylus...
CentOS安裝crontab及使用方法
安裝crontab root centos yum install vixie cron root centos yum install crontabs 說明 vixie cron軟體包是cron的主程式 crontabs軟體包是用來安裝 卸裝 或列舉用來驅動 cron 守護程序的 的程式。cro...