使用Sass和Compass组合写CSS-halapro.liu

最近开始在尝试开始使用 Sass来写 CSS 代码，刚开始虽然还是不太习惯用链式的方式写css，不过这是暂时的阶段。

如果你还不了解 Sass，可以看之前发表过的文章来了解详情，Sass主要有下面这几种特性(主要内容来自这里)

左邊為原始scss檔，右邊為編譯過後的：
1.Variables 變數
使用 $ 作為開頭當參數

2.Nesting 巢狀結構
很清楚的知道 誰是誰的子元素，不用像以前一樣 寫一大排重復的開頭了

3.Mixins
其實就像function一樣使用，還可以帶參數

設定預設參數

4.Inheritance 繼承

另外幾個常用的功能

1.@import
可以將網站的各部份樣式拆開成 _head.scss , _body.scss , _foot.scss 放置在base資料夾下，可利用@import功能把3個檔納入到 main.css 裡

只要在 main.scss 加上 

@import "base/head"; @import "base/body"; @import "base/foot"; 
  

查看更多关于使用Sass和Compass组合写CSS-halapro.liu的详细内容...