[作業] 繳交hw3

[advancedor96]

slack 帳號

ding_ding

哪一個作業

3.寫 CSS 必備神器：CSS 預處理器

作業 Github 連結

https://github.com/advancedor96/frontend-intermediate-course/tree/master/answers/hw3

作業 Github Page 連結

https://advancedor96.github.io/frontend-intermediate-course/answers/hw3/

其他補充說明

1. 我寫的css程式碼，在css/sass/style.scss 。
2. 把使用到的3張圖，抓到專案的裡面，這樣網站讀取得比較快。
3. 在SASS裡寫函數的方式，是使用@mixin來宣告函數內容，再使用 @include來呼叫函數
4. 我總共有10個item，滑鼠滑入每一個item，整個item四週會變黑邊。而預覽圖(preview)的部分也會變亮。因為底下的「實況主頭像」「頻道名稱」「實況主名字」，當他們也跟著變亮時，實況主頭像會亮到看不見。所以我只讓預覽圖(preview)變亮就好。底下3個元件不要變亮。

自我練習

Q：為什麼我們需要 CSS 預處理器？沒有 CSS 預處理器的話會怎樣嗎？ A：我覺得比較方便吧。有了變數、函數能使用，就是很爽。

Q：在那三套裡面，你為什麼選擇了現在這一套？理由是什麼？ A：感覺 SASS 最常聽到，就先選了來用。後來查了一下資訊，使用SASS需要有Ruby環境。 使用less只要一個 Githubissues.

Githubissues is a development platform for aggregating issues.