博客 / 列表

前端哇發哈 - 大話css預編譯處理(三):基礎語法篇

一、Sass、LESS和Stylus的語法 每一種語言都有自己一定的語法規則,CSS預處理器語言也不例外,在真正使用CSS預處器語言之前還有一個不可缺少的知識點,就是對語法的理解。值得慶幸的是,這三款CSS預處理器語言的語法和CSS語法都差不多。 1.Sass語法 Sass3.0版本開始使用的是標準的CSS語法,和SCSS可以説是一樣的。這樣Sass代碼轉換成CSS代碼變得更容易。默認Sass使用

sass , less , stylus , Css , 前端

前端哇發哈 - 大話css預編譯處理(二)安裝使用篇

一、Sass、LESS和Stylus的安裝 1.Sass的安裝 Sass是Ruby語言寫的,但是兩者的語法沒有關係。不懂Ruby,照樣可以正常使用Sass。只是必須先安裝Ruby,然後再安裝Sass。首先安裝Ruby,如果你使用的是IOS系統,那麼你的系統已經安裝好了Ruby。如果你使用的是微軟的Windows系統,那麼安裝就有些許的麻煩。不過也不用過於擔心,按照下面的步驟就能幫你快速的安裝好。

sass , less , stylus , Css , 前端

前端哇發哈 - 大話css預編譯處理(一)通讀介紹篇

一、什麼是css預編譯處理? CSS 預編譯處理,從字面上理解,就是預先編譯處理CSS。它擴展了 CSS 語言,增加了變量、Mixin、函數等編程的特性,使 CSS 更易維護和擴展。CSS預編譯的工作原理是提供便捷的語法和特性供開發者編寫源代碼,隨後經過專門的編譯工具將源碼轉化為CSS語法。 CSS預編譯器幾乎成為現如今開發CSS的標配,它從以下幾個方面提升了CSS開發的效率: 增強編程

sass , less , stylus , Css , 前端