Less 教程


閱讀(1185.9k) 收藏 (48)

手冊簡介

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

手冊說明

什么是LESS?

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

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

Less 教程


為什么要使用LESS?

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

歷史

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

特征

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

優(yōu)點

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

缺點

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

適用人群

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

學習前提

您應該熟悉:

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

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

如果您覺得LESS的學習難度較高,不好理解,可以采用更易于理解的視頻教程進行學習:LESS視頻課程


在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號