less安裝與使用
定義:Less 是一門 CSS 預處理語言,Less 可以運行在 Node 或瀏覽器端。
優點:
1、可以運行在Node或瀏覽器端,
2、增加了變量、Mixin、函數等特性
3、使css更加維護和擴展。
4、結構清晰,便於擴展
5、可以方便地屏蔽瀏覽器私有語法差異
6、可以輕松實現多重繼承
7、完全兼容 CSS 代碼,可以方便地應用到老項目中
安裝過程
1、NodeJ運行LESS示例要下載NodeJ並安裝。請打開鏈接 https://nodejs.org/en/ 。
2、在集成終端 npm install -g less;
3、運行lessc style.less style.css 報錯,則需要以管理員身份運行上面的代碼 set-executionpolicy remotesigned 即可解決
4、轉換:lessc style.less style.css
<!doctype html> <head> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <h1>Welcome to W3Cschool</h1> <h3>Hello!!!!!</h3> </body> </html>
@primarycolor: #FF7F50; @color:#800080; h1{ color: @primarycolor; } h3{ color: @color; }