iT邦幫忙

2024 iThome 鐵人賽

DAY 22
0
自我挑戰組

Web Franework -SASS/SCSS系列 第 22

Day 22 - 實作第一步(失敗)

  • 分享至 

  • xImage
  •  

#主題:建立一個個人網站樣式表
Step 1
安裝Visual Studio Code和Node.js
Step 2
在Visual Studio Code中新建一個資料夾,命名為 "sass-project"。再在sass-project中建立scss和css資料夾,再在個別資料夾新增main。
Step 3
撰寫main.scss

// 定義變數
$primary-color: #3498db;
$font-stack: 'Helvetica', sans-serif;

// 基礎樣式
body {
  margin: 0;
  font-family: $font-stack;
  background-color: #f5f6f7;
}

h1 {
  color: $primary-color;
}

Step 4
在cmd中安裝Sass編譯器。
Step 5(失敗)
編譯Sass,將.scss文件編譯為.css 文件。

正常來說main.css會有我的成果,可是好像失敗了,不過今天有點晚了,明天在試試。
加油!!!


上一篇
Day 21 - 如何提高SASS代碼的可維護性2
下一篇
Day 23 - 實作第二步(依舊失敗)
系列文
Web Franework -SASS/SCSS26
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言