iT邦幫忙

DAY 22
3

作個網站吧!系列 第 22

作個網站吧!Quickly Sass(4)-CSS無痛轉移Sass

  • 分享至 

  • xImage
  •  

既然開始學Sass了,以前的檔案當然也要趁機會轉成Sass,練習兼整理,一舉兩得~
既然開始學Sass了,以前的檔案當然也要趁機會轉成Sass,練習兼整理,一舉兩得~

怎麼轉呢?很簡單:
複製檔案(如果怕有差錯的話) -> 修改檔名 -> 副檔名改成.scss ->完成!xD

接著就可以逐步修改檔案內容囉~
例如該巢狀寫的就改寫,也可以把檔案拆成幾個檔後再一起@import進Sass等等。

我個人習慣是採用scss檔,因為跟CSS有共通,寫法也比較像,在檔案(還有腦袋)轉換比較容易。

這是scss寫法:(不就是CSS嗎噗)

p {
    color: #fff;
}

這是Sass寫法:

p
    color: #fff

從以上可以看到Sass寫法更加的簡潔,我也蠻想試試全部用Sass的,但還不是很習慣,怕太花時間就不拿舊專案開刀囉。
兩者都可以用也很方便,端看個人習慣!~

本文同步發表於http://azzurro.blog.aznc.cc/make_a_website_22/


上一篇
作個網站吧!Quickly Sass(3)-神器出動:Sublime text使用心得
下一篇
作個網站吧!Web Font(1)-網頁也可以不一樣
系列文
作個網站吧!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

我要留言

立即登入留言