iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

關於SASS/SCSS 系列

Web 已經蓬勃發展了許久,因為本身學習的領域跟資訊相關,web也碰過一點點,想透過這次的機會學習一個對我來說新的工具來使用。

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 1

[DAY1]鐵人選題動機|我怎麼會來鐵人|目錄

我怎麼會來鐵人?? |半逼迫式的自主學習|第一次參加鐵人賽其實有一點不知道會發生甚麼事情,因為必修課的教授半逼迫式的自主學習模式,我們每個人都要參加這個比賽。...

2022-09-15 ‧ 由 weiiiiiiii 分享
DAY 2

[DAY2]簡介SASS|CSS預處理器

前情提要 沒有很深入的了解也沒有親自去編輯架設過網站前,總是覺得有很多東西跟架設網站有關:HTML,CSS等,但是到底甚麼時候要用甚麼東西就完全沒有頭緒。所以今...

2022-09-16 ‧ 由 weiiiiiiii 分享
DAY 3

[DAY3]選擇我的SASS編輯工具|Sublime text套件安裝

前情提要 要使用一個新的語言或是編譯,一定必要具備的就是一個適合自己的編輯工具。除了自己要用的順手之外,主要還是要該編輯工具裡面支援該語言。 我大概找到了幾個可...

2022-09-17 ‧ 由 weiiiiiiii 分享
DAY 4

[DAY4]SASS環境建置|Compass|Ruby

前情提要 昨天講到的是關於SASS編輯器的選擇,但你要使用一個新的語言,不是安裝好編輯器就好了,你要讓你的裝置本身可以讀取該語言。 正文 |下載Ruby|SA...

2022-09-18 ‧ 由 weiiiiiiii 分享
DAY 5

[DAY5]SASS編譯|更改config.rb|快捷鍵

前情提要 前一天我們提到了關於compass專案監聽的功能,今天主要來一起實際操作看看,並根據自己的需求把sublime頁面變成自己看得順眼的樣子。 正文 透...

2022-09-19 ‧ 由 weiiiiiiii 分享
DAY 6

[DAY6]SASS變數

在SASS中,可以使用$來定義變數,後面接冒號:即可接變數的值。宣告的變數不會出現在CSS檔,使用變數時,CSS只會顯示該變數的值,也不會出現變數名稱。 變數當...

2022-09-20 ‧ 由 weiiiiiiii 分享
DAY 7

[DAY7]SASS顏色函數(1)

前情提要 CSS主要的用途還是在美觀網頁,而SASS/SCSS就是它的延伸,所以他們的功用其實是差不多的。說到美觀的的用途那配色一定容小覷。在SASS/SCSS...

2022-09-21 ‧ 由 weiiiiiiii 分享
DAY 8

[DAY8]SASS @Import

前情提要 寫程式這件事情,有時候令人覺得困擾的不是程式本身,而是當你在開發一個規模比較大的東西時,很容易被密密麻麻的東西纏住。光是找一個東西就找很久,這對更正跟...

2022-09-22 ‧ 由 weiiiiiiii 分享
DAY 9

[DAY9]SASS @Mixin

前情提要 CSS最為人詬病的大概就是冗長又重複性極高的版面,難找程式碼,修改維護都一樣麻煩,@Mixin 這個東西也是因應而誕生的。 Mixin使用 Mixi...

2022-09-23 ‧ 由 weiiiiiiii 分享
DAY 10

[DAY10]SASS Extend

前情提要 前一天講過mixin,它的使用時機是當class底下的架構相似時,可以直接用@mixin制定標準的架構,使用的時候可以把不同的變數帶進去。是把東西帶進...

2022-09-24 ‧ 由 weiiiiiiii 分享