iT邦幫忙

0

Sass 基礎教學 DAY31

  • 分享至 

  • xImage
  •  

Sass 我們應該大部分的人都有聽過
那它到底是什麼東西呢??
我們先來介紹它到底是啥

維基百科https://zh.wikipedia.org/wiki/Sass
簡單來說
它就是用來管理css的工具
在還沒學Sass之前
我們都把css 寫在同一個檔案(all.css)
但這樣非常的難管理阿!!(頭痛)
於是Sass就衍生出來啦~~

不過要注意
網頁是看不懂Sass檔案的
所以
我們必須將Sass是透過 編譯 轉成 css
https://ithelp.ithome.com.tw/upload/images/20201008/20123039FWmOhqsltk.jpg


SCSS 與 Sass 格式差異

Sass提供 2種寫法
Sass是程式語言,有兩種格式寫法
1.Scss
2.Sass

CSS:

/*css寫法*/
.menu{}
.menu ul{}
.menu li{}
.menu a{}

Scss:

/*Scss寫法*/
.menu{
        ul{}
        li{}
        a{}
    }

Sass寫法

/*Sass寫法*/
.menu{
  ..
  ul
      ..
  li
      ..
  a
}

那今天的Sass基礎介紹就到這裡啦
明天我們將介紹
Scss 與 Sass的格式教學
若有任何問題 或 內容有誤
請不吝嗇的跟我說唷/images/emoticon/emoticon07.gif


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言