iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Modern Web

CSS 到底在幹嘛?30 天拯救你被 AI 爆改的網頁排版! 系列

應該沒有人會想到在 2062 年,竟然還有人在寫 CSS 教學吧?現在不都叫 AI 來切版了嗎?

等等!先別急著滑走!雖然現在 AI 已經能切出很讚的網頁,但有的時候只要想微調個間距或對齊,卻不知道該怎麼自己微調。呼叫 AI 時,它又只會失控的爆改你的網頁。這時候,只要能看懂一點 CSS,那就能幫你拯救這些網頁了!

剛好藉由這次鐵人賽的機會,能重新整理關於 CSS 的基本知識。幫助大家在 AI 時代,就算是被它爆改網頁排版,也能自己親手爆改回來!

如果你剛好也想要學習 CSS,或想跟著我一起重新複習,歡迎追蹤接下來 30 天的文章!ദ്ദി (⩌ᴗ⩌ )

參賽天數 22 天 | 共 22 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文 團隊第二屆技術創作市集
DAY 21

Day 21 - Animation 動畫效果

前兩天介紹了 transform 與 transition,我們已經能讓網頁元素改變位置、大小或角度,並在滑鼠移入、點擊等狀態改變時,以更平順的方式呈現效果。...

2026-09-09 ‧ 由 饅頭 分享
DAY 22

Day 22 - 變數 與 計算函數

在設定 CSS 樣式時,我們常需要重複使用相同的顏色、數值,或處理數值間的相對關係。 CSS 提供了計算函數和變數功能,讓樣式設定更加靈活且易於維護。 Cal...

2026-09-10 ‧ 由 饅頭 分享