免费人成网站视频在线观看国内,久视频精品线在线观看,人妻激情偷乱频一区二区三区,国产 字幕 制服 中文 在线

LESS編譯CSS

LESS編譯CSS,LESS轉為CSS

上傳 LESS

LESS編譯CSS,LESS轉為CSS

這款在線(xiàn)工具,可以將LESS代碼直接轉換為CSS代碼,也可以上傳.less文件,然后直接編譯另存為.css文件。

為什么要將LESS編譯為CSS?這是因為less語(yǔ)言并非所有瀏覽器都能識別,我們需要將項目中的less轉換為css后,項目才能上線(xiàn)。

可以不將less轉為css嗎?可以,但需要在項目中引入less.js文件。不建議在生產(chǎn)環(huán)境中這樣做,因為這樣會(huì )增加頁(yè)面加載的時(shí)間,所以還是建議先把項目的less代碼編譯為css代碼。


LESS編譯CSS工具使用說(shuō)明

1、輸入LESS:直接上傳本地CSS文件,或者在第一個(gè)輸入框內直接輸入CSS代碼。

2、會(huì )自動(dòng)輸出轉換結果,你可以一鍵保存轉換結果,也可以復制轉換后的代碼手動(dòng)保存為*.css文件


關(guān)于CSS和Less

1、CSS,全稱(chēng)Cascading style Sheets,即“層疊樣式表單”,用于精準控制頁(yè)面布局元素的背景顏色、位置、大小等。

2、Less,是CSS的預處理語(yǔ)言,在基于標準的CSS語(yǔ)法的基礎上,擴充了CSS,增加了諸如函數、混合(mixin)、變量、嵌套、運算、繼承、顏色處理等功能,使其擁有了更加靈活、更加實(shí)用的可編程性。


/*這里是一些簡(jiǎn)單的語(yǔ)法*/

@width:400px;
@height:300px;
@font_size:12px;

h1 {
	width:@width;
	height:@height;
	font-size:@font_size;
}