Less 教程


閱讀(1190.2k) 收藏 贊(48)

手冊(cè)簡(jiǎn)介

LESS是一個(gè)CSS預(yù)處理器，可以為網(wǎng)站啟用可自定義，可管理和可重用的樣式表。 本教程將幫助學(xué)生以及希望使他們的網(wǎng)站或個(gè)人博客更具吸引力的專(zhuān)業(yè)人士更好地學(xué)習(xí)LESS。

手冊(cè)說(shuō)明

什么是LESS？

LESS是一個(gè)CSS預(yù)處理器，可以為網(wǎng)站啟用可自定義，可管理和可重用的樣式表。 LESS是一種動(dòng)態(tài)樣式表語(yǔ)言，擴(kuò)展了CSS的功能。 LESS也是跨瀏覽器友好。

CSS預(yù)處理器是一種腳本語(yǔ)言，可擴(kuò)展CSS并將其編譯為常規(guī)CSS語(yǔ)法，以便可以通過(guò)Web瀏覽器讀取。 它提供諸如變量，函數(shù)， mixins 和操作等功能，可以構(gòu)建動(dòng)態(tài)CSS。

Less 教程


為什么要使用LESS？

  • LESS支持創(chuàng)建更清潔，跨瀏覽器友好的CSS更快更容易。
  • LESS是用JavaScript設(shè)計(jì)的，并且創(chuàng)建在 live 中使用，其編譯速度比其他CSS預(yù)處理器更快。
  • LESS保持你的代碼以模塊化的方式，這是非常重要的，通過(guò)使其可讀性和容易改變。
  • 可以通過(guò)使用LESS 變量來(lái)實(shí)現(xiàn)更快的維護(hù)。

歷史

LESS由 Alexis Sellier 于2009年設(shè)計(jì)。LESS是一個(gè)開(kāi)源。 LESS的第一個(gè)版本是用Ruby編寫(xiě)的，在后來(lái)的版本中，它被JavaScript代替。

特征

  • 更清晰和更可讀的代碼可以以有組織的方式編寫(xiě)。
  • 我們可以定義樣式，它可以在整個(gè)代碼中重復(fù)使用。
  • LESS是基于JavaScript的，是超集的CSS。
  • LESS是一個(gè)敏捷工具，可以排除代碼冗余的問(wèn)題。

優(yōu)點(diǎn)

  • LESS輕松地生成可在瀏覽器中工作的CSS。
  • LESS使您能夠使用嵌套編寫(xiě)更干凈，組織良好的代碼。
  • 通過(guò)使用變量可以更快地實(shí)現(xiàn)維護(hù)。
  • LESS使您能夠通過(guò)在規(guī)則集中引用它們來(lái)輕松地重用整個(gè)類(lèi)。
  • LESS提供使用操作，使得編碼更快并節(jié)省時(shí)間。

缺點(diǎn)

  • 學(xué)習(xí)如果你是新的CSS預(yù)處理需要時(shí)間。
  • 由于模塊之間的緊密耦合，應(yīng)當(dāng)采取更多的努力來(lái)重用和/或測(cè)試依賴(lài)模塊。
  • 與舊的預(yù)處理器(例如Sass)相比，LESS具有較少的框架，Sass由框架 Compass ， Gravity和 Susy 組成。

適用人群

本教程將幫助學(xué)生以及希望使他們的網(wǎng)站或個(gè)人博客更具吸引力的專(zhuān)業(yè)人士。

學(xué)習(xí)前提

您應(yīng)該熟悉:

  • 使用任何文本編輯器的基本字處理。
  • 如何創(chuàng)建目錄和文件。
  • 如何瀏覽不同的目錄。
  • 使用Internet Explorer或Firefox等流行的瀏覽器進(jìn)行Internet瀏覽。
  • 使用HTML或XHTML開(kāi)發(fā)簡(jiǎn)單的網(wǎng)頁(yè)。

如果您是HTML和XHTML的新手，那么我們建議您先閱讀HTML教程或XHTML教程。

如果您覺(jué)得LESS的學(xué)習(xí)難度較高，不好理解，可以采用更易于理解的視頻教程進(jìn)行學(xué)習(xí)：LESS視頻課程


在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)