使用lesscss來編碼編寫css

2022-03-15 17:20:21 字數 1512 閱讀 9754

lesscss使用方法有兩種：

頁面新增乙個 less.js的檔案，css使用 style.less 檔案字尾來編寫，不過需要有伺服器的環境支援

在伺服器端使用node.js來編譯，node.js 使用 less的方法如下：


先使用npm包管理器來安裝  


$ npm install less


然後就可以使用命令列來編譯壓縮less**了


$ lessc styles.less > styles.css


下面是一些lesscss的語法：


使用變數


// less


@color: #4d926f;


#header 


h2 /* compiled css */


#header 


h2 
2.組合


// less


.rounded-corners (@radius: 5px) 


#header 


#footer 


/* compiled css */


#header 


#footer 


3.選擇器


// less


#header p }


}}/* compiled css */


#header h1 


#header p 


#header p a 


#header p a:hover 


4. 變數預算


// less


@the-border: 1px;


@base-color: #111;


@red: #842210;


#header 


#footer 


/* compiled css */


#header 


#footer 




@import "lib.less";


@import "lib";


通用引用了lesscss，我們就可以將css寫得模組化，有更好的閱讀性。


首先可以通過 import 講**的樣式分成 n個模組，當頁面需要哪個模組就引用哪個。還可以將css3那些新增的功能定義成類庫，由於有函式的功能，那些圓角，陰影之類樣式只需要定義一次就可以了。講頁面需要使用到的主要文字，邊框，背景色定義成變數給後續樣式使用，到時**風格需要改變，顏色也很好的修改。


我個人覺得先階段lesscss的不足有：


1. css3的樣式不能自動補全其他瀏覽器的hack。


2.使用nodejs在window系統下的支援不夠，不過最近剛剛不久發布了乙個nodejs window版，這方面估計在不久的將來會改善


3.編輯器，ide對lesscss語法縮排支援不夠友好。


《使用lesscss來編碼編寫css


》
 
如何使用 C 方式來編寫驅動
這個問題可能會很無聊,而且覺得連這個題目都不好擬,但我還是以我的方式記下來了,覺得有用的朋友就儘管拿去用,不過我覺得可能性很小 ifdef cplusplus extern c endif 我把頭檔案前面加上extern c 編譯,果然成功了,原來就這麼簡單的說,不錯不錯,我現在終於可以在任何地方定...


使用t2t來編寫文件
txt2tags 示例 zh sample zh.html 看這個就能很快熟悉相關語法了 教程 zh manpage zh.html txt2tags學習 bluefrog bluefrog.wu gmail.com date m d y encoding utf 8 target html 一級標...


使用Zephir來快速編寫高效能PHP二進位制拓展
這裡我們使用docker來安裝我們的開發環境，docker的安裝參考官方文件 首先就是根據我們目標php版本拉取對應的zephir編譯器映象，這裡我們php版本是7.0，於是使用這條命令 docker pull phalconphp zephir 7.0然後建立 usr local bin zeph...