標籤:

關於sass樣式預處理器的的用法?

我的電腦中已經成功安裝了Ruby,知道直接用文本文件按照格式編輯樣式就可以了么?不需要調用其他js文件么?另外,在問好發布時候,是否需要將翻譯為常規樣式格式?如果是外部樣式,引入方式是否和常規樣式引入方法一樣?


一下好幾個問題,我簡做回答。

第一個問題:

對於編寫Sass文件,和我們平時編寫CSS文件一樣的,也就是說只要是文本編輯器都可以編寫Sass(SCSS)代碼。然後保存對應的文件格式(.sass或.scss)

第二個問題:

編譯Sass(SCSS)文件是不需要調用任何的js文件。現在常見的編譯方式有四種:

  1. 命令終端編譯
  2. GUI編譯工具編譯
  3. 自動化編譯,比如Gulp或Grunt
  4. IDE編譯器里直接編譯

附上一點相關資料:

  1. SASS界面編譯工具——Koala的使用

  2. SASS界面編譯工具——Codekit的使用

  3. Nodejs+Grunt配置SASS項目自動編譯

  4. SASS編譯 | css3教程-css3實例-css3動畫

  5. Less/Sass編譯工具,koala使用指南

  6. LibSass + Susy + Grunt 整合實踐

第三個問題

Sass僅是CSS預編譯器中的一種,你可以理解成他是一種工具,幫助你快速編寫代碼,維護代碼。在實際項目發布的時候,你的Web頁面調用的還是.css文件。如果你使用自動化部署的話,會自動部署上去。

第四個問題

你這裡的所指的外部樣式,不知道是不是所指引入的第三方樣式,在Sass中,你可以按七加一的模式去管理。你可以參考一下這個:如何管理多個sass項目,有沒有一些高效的開發流程? - 知乎用戶的回答

有關於Sass更詳細的介紹,可以參考相關教程:

  1. 外文資料:FE-Translation/Sass · GitHub
  2. 中文資料:sass | 博客自由標籤


Sass和Compass必備技能之Sass篇 看看這個,一個小時讓你輕鬆掌握一切。

國內有哪些公司的前端團隊目前已經可以將scss、compass運用到實戰當中? - 前端開發


推薦閱讀:

sass的compass已經半年沒有更新了,是否需要考慮轉型到別的css預編譯器和框架?
為什麼要用compass?
如何高效的載入scss文件?
css 當中如何實現一個元素的hover, focus 狀態改變其他元素的樣式?
如何實現視差滾動效果的網頁?

TAG:HTML | CSS | Sass |