DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> Sass教程 >> 1.1 Sass是什麼?
1.1 Sass是什麼?
編輯:Sass教程     

在學習Sass之前,我們先來介紹一下什麼是CSS預處理器。因為Sass就是眾多CSS預處理器中的其中一種。

一、什麼是CSS預處理器?

學過CSS的小伙伴都知道,CSS只是一門描述性的語言,你只能一行一行單純地描述,並不能像JavaScript那樣使用變量、循環、運算等方式來操作。

CSS預處理器的出現,使得我們可以像操作JavaScript那樣以“編程”的方式來書寫CSS。在CSS預處理器中,我們可以使用變量、循環、函數等方式來簡化操作,提高開發效率。說得一點都沒錯,現在寫CSS也可以這麼爽了。小伙伴們看到這裡,必須大吃一驚:“我out了!”

CSS預處理器,這個術語真專業……不過坑爹的術語,往往都是嚇唬人的,實際並不難。CSS預處理器,說白了就是用編程方式來寫CSS的一類語言,就這麼簡單。

CSS預處理器語言有很多,最常見的有3種:

  • (1)Sass;
  • (2)Less;
  • (3)Stylus;

這些CSS預處理語言都具備編程的特性,這種編程方式相對於純CSS書寫方式來說,具有更加簡潔、適應性更強、可讀性更佳、更易於代碼的維護等優點。

二、什麼是Sass?

Sass是功能最為強大、最成熟、並且是最為流行的CSS預處理器。因此,對於Sass、Less和Stylus這3個,我們還是建議大家學習Sass。

Sass是一種動態樣式語言,比CSS多出好些功能(如變量、嵌套、運算、混入、繼承、顏色處理、函數等),更容易閱讀。

在學習Sass之前,我們需要一定的HTML、CSS和JavaScript基礎,以下是先修課程:

(1)HTML入門教程

(2)CSS入門教程

(3)JavaScript入門教程

想要深入學習Sass的小伙伴,也可以到Sass官網看看:Sass官方文檔。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved