css預處理器有哪些?

2021-10-24 22:32:09 字數 835 閱讀 1144

css預處理器是用一種專門的程式語言,進行web頁面樣式設計,然後再編譯成正常的css檔案,以供專案使用。

css處理器有:

sass(scss)、less、stylus、turbine、swithch css、css cacheer、dt css等。

在眾多優秀的css預處理器語言中就屬sass、lessstylus最優秀。

sass、less和stylus介紹:

sass

sass是對css(層疊樣式表)的語法的一種擴充,誕生於2023年,最早也是最成熟的一款css預處理器語言,它可以使用變數、常量、巢狀、混入、函式等功能,可以更有效有彈性的寫出css。

less

2023年開源的乙個專案,受sass的影響較大,但又使用css的語法,讓大部分開發者和設計師更容易上手。less提供了多種方式能平滑的將寫好的**轉化成標準的css**,在很多流行的框架和工具中已經能經常看到less的身影了。

stylus

stylus,2023年產生,來自於node.js社群,主要用來給node專案進行css預處理支援,在此社群之內有一定支持者,在廣泛的意義上人氣還完全不如sass和less。

stylus被稱為是一種革命性的新語言,提供乙個高效、動態、和使用表達方式來生成css,以供瀏覽器使用。stylus同時支援縮排和css常規樣式書寫規則。

使用 CSS 預處理器的優缺點有哪些?

優點 用一種專門的程式語言,為 css 增加了一些程式設計的特性,將 css 作為目標生成檔案,然後開發者就只要使用這種語言進行編碼工作。通俗的說,css 預處理器用一種專門的程式語言,進行 web 頁面樣式設計,然後再編譯成正常的 css 檔案,以供專案使用。css 預處理器為 css 增加一些程...

css預處理器

css預處理定義了一種新的語言,其思想是一種專門的程式語言,為css增加了一些程式設計的特性。將css作為目標生成檔案。開發者可以使用這種語言進行編碼工作。css預處理器是一種專門的程式語言,進行web頁面樣式設計,然後再編譯成正常的css檔案,以供專案使用。css預處理器為css增加了一些程式設計...

CSS預處理器

什麼是css預處器?css 預處理器用一種專門的程式語言,進行 web 頁面樣式設計,然後再編譯成正常的 css 檔案,以供專案使用。css 預處理器為 css 增加一些程式設計的特性,無需考慮瀏覽器的相容性問題 sass sass 是採用 ruby 語言編寫的一款 css 預處理語言,它誕生於20...