Less 教程


閱讀(1171.5k) 收藏 (48)

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

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

手冊(cè)說明

什么是LESS?

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

CSS預(yù)處理器是一種腳本語言,可擴(kuò)展CSS并將其編譯為常規(guī)CSS語法,以便可以通過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保持你的代碼以模塊化的方式,這是非常重要的,通過使其可讀性和容易改變。
  • 可以通過使用LESS 變量來實(shí)現(xiàn)更快的維護(hù)。

歷史

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

特征

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

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

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

缺點(diǎn)

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

適用人群

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

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

您應(yīng)該熟悉:

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

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

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


在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)