WEB ◆ TS Library ◆ 熱衷分享 ◆ 享受教學相長 ◆ 無形的網絡擁有熱情溫度的傳遞

5-5. 認識 Sass & LESS (CSS的手稿語言、CSS的預處理語言)

介紹幾個連結,認識一下 (先認識需要時再加強學習就不難~)

  1. Sass 維基百科的介紹LESS 維基百科的介紹
  2. Sass vs LESS
    • Sass被設計為簡化、擴展CSS,因此諸如大括號等語法都被移除,而流程控制、繼承等概念被引入其中。
    • LESS受啟發於Sass,LESS被設計為更接近於CSS,其語法與CSS本身非常接近。
    • 新版本的Sass同樣將CSS式語法引入其中,命名為SCSS(Sassy CSS)。
    • LESS由於以JavaScript實現,因此既可以在瀏覽器上進行實時翻譯,
      也可以先在伺服器上翻譯為CSS之後再傳送給瀏覽器。
    • 參考:知乎:Sass vs Less (Less環境較Sass簡單、Less使用較Sass簡單、從功能出發,Sass較Less強大 ...)
  3. 一些說明文件: LESS 與 SassSass vs. LessSass/SCSS 簡明入門教學Sass教學 掌握語法攻略!30天掌握Sass語法 ...。
  4. 一些教學影片: Sass基礎教學Sass基礎運用介紹3秒鐘準備好Sass開發環境Bootstrap4 Sass 快速入門 ...。
  5. w3schools Sass Tutorial 教程介紹RUNOOB Sass 教程介紹
  6. Sass 官網說明Sass 中文網LESS 中文網LESS 快速入門(中文)
  7. 讓 VSCode 支援即時編譯 Sass/SCSS 成 CSS

 

 

go TOP