less安裝與使用


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;
}

  

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM