編程教程Less 在線編譯器
本節(jié)為大家介紹幾款好用的Less在線編譯器。在線編譯器用于將較少的代碼編譯為css代碼。 在線編譯器工具很容易幫助生成CSS代碼。W3Cschool提供的在線編譯器: Less轉(zhuǎn)CSS以下是其他的在線編譯器: less2css.org winless.org/online-less-compiler lesstester.com do……
Less 編輯器和插件
在本章中，我們將學(xué)習(xí)關(guān)于編輯器和插件。 編輯器是允許用戶編輯文本的系統(tǒng)或程序。 插件是一種軟件，用于擴(kuò)展網(wǎng)站的功能。讓我們討論LESS的編輯器和IDE。 S.N. 編輯器和IDE和說明 1 Crunch! 它支持 Windows ， Mac 和 Linux 等跨平臺(tái)。 它提供編輯器集成編譯。 2 Mindscape Web Workb……
Less 框架
UI /主題框架和組件LESS支持下表中列出的一些UI /主題框架: S.N. 框架和描述 1 1pxdeep 它是平的Bootstrap 3主題，提供強(qiáng)大的配色方案控制。 2 Bootflat 它是基于Bootstrap的開源框架。 3 BootPress 它是基于平面文件CMS的PHP框架。 4 Bootstrap 它是強(qiáng)大的移動(dòng)……
Less 顏色通道函數(shù)
Less支持少數(shù)內(nèi)置函數(shù)，用于設(shè)置通道的值。 通道根據(jù)顏色定義設(shè)置值。 HSL顏色具有色相，飽和度和亮度通道，RGB顏色具有紅色，綠色和藍(lán)色通道。 以下是顏色通道功能的列表: S.N. 函數(shù)及描述 例子 1 hue 在HSL顏色空間中，提取顏色對(duì)象的色調(diào)通道。 background: hue(hsl(75, 90%, 30%));它在……
Less 顏色操作
描述LESS提供了許多有用的操作功能，以不同的方式改變和操作顏色，并采用相同單位的參數(shù)。 LESS支持一些顏色操作功能，如下表所示: S.N. 指令及描述 1 saturate 它改變?cè)刂蓄伾膹?qiáng)度或飽和度。 2 desaturate 它降低了元素中顏色的強(qiáng)度或飽和度。 3 lighten 它增加了元素中顏色的亮度。 4 dark……
Less 顏色混合函數(shù)
在本章中，我們將學(xué)習(xí)顏色混合函數(shù)。 這些是類似于Photoshop，F(xiàn)ireworks或GIMP等圖像編輯器中使用的操作，它們將CSS顏色與您的圖像相匹配。下表顯示了LESS中使用的顏色混合功能。 S.N. 函數(shù)及描述 1 multiply 它將兩種顏色相乘，并返回結(jié)果顏色。 2 screen 它需要兩種顏色，并返回更明亮的顏色。 它……
Less 命令行用法
使用命令行，我們可以將 .less 文件編譯為 .css 。安裝lessc以供全局使用以下命令用于使用npm(node package manager)安裝lessc，以使less在全局可用。npm install less -g您還可以在包名稱后面添加特定版本。 例如: npm install less@1.6.2 -g安裝Less……
Less 數(shù)學(xué)函數(shù)
描述數(shù)學(xué)函數(shù)包括用于執(zhí)行數(shù)字運(yùn)算的方法，例如舍入，平方根，功率值，模數(shù)，百分比等。下表顯示了LESS中使用的數(shù)學(xué)函數(shù): S.N. 函數(shù)及描述 例子 1 ceil 它將數(shù)字向上舍入為下一個(gè)最大整數(shù)。 ceil(0.7)它將數(shù)字舍入為: 1 2 floor 它將數(shù)字向下取整為下一個(gè)最小整數(shù)。 floor(3.3)它將數(shù)字舍入為:……
Less 列表函數(shù)
描述LESS由列表函數(shù)組成，用于指定列表的長度和列表中的值的位置。下表列出了LESS中使用的列表函數(shù): S.N. 函數(shù)及描述 1 Length 它將以逗號(hào)或空格分隔的值列表作為參數(shù)。 2 Extract 它將返回列表中指定位置的值。
Less 類型函數(shù)
在本章中，我們將學(xué)習(xí)類型函數(shù)。 它們用于確定值的類型。Less類型函數(shù)一共有十種，你可以通過文中的表格了解這些類型函數(shù)的使用。下表顯示了LESS中使用的類型函數(shù)。 S.N. 類型函數(shù)及描述 例子 1 isnumber 它使用一個(gè)值作為參數(shù)，并返回 true ，如果它是一個(gè)數(shù)字或 false isnumber(1234);// true……