iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

一個人的朝聖:重啟對 CSS 的認識 系列

每年的鐵人賽,廣義的對我來說也算是一種朝聖之路
一場身心靈的考驗,必須面對興奮、無聊、挫折、疲乏等情緒的到來

回顧在學習成為前端路上,CSS 好像是那個"覺得有趣"的契機點
也許就是這個分歧點,造就現在這個宇宙的產生,也因此有一個此刻 2024/09/15 8:15 正趕著報名鐵人賽的我

沒辦法回到當初的分歧點,但想試著讓自己重頭學習 CSS
在這條曾經匆匆走過的路上,重新尋找新的事物

不為什麽 CSS 考題大全或是什麽面試必考
單純為有趣、為自己而寫

接下來的 30 天預計照著 web.dev 的 Learn CSS 課程,重啟對 CSS 的認識!

參賽天數 14 天 | 共 14 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 11

Grid

概念 把容器切割成網格狀,可以放置 item 到任意一個位置,用來切割的線以及劃分出來的區域都可以做命名,方便 item 使用。 Grid 重要用詞 Grid...

2024-09-25 ‧ 由 shan33 分享
DAY 12

Logical Properties

概念 Logical Properties:基於邏輯方向而非物理方向來進行佈局。 在一段文字的開頭處,想加上一個 icon 做裝飾,這個 icon 距離文字要有...

2024-09-26 ‧ 由 shan33 分享
DAY 13

Spacing

概念 在一個 container 中如果有三個元素,要讓元素之間有間距,很多種方式,例如: 1. HTML <br> 空行,就像在文件中按下 E...

2024-09-27 ‧ 由 shan33 分享
DAY 14

Pseudo-elements

概念 不需要異動 HTML 結構,而是利用 CSS 添加虛擬的元素在畫面上或是用來標記特定的元素。 1. ::before & ::after 用來建立...

2024-09-28 ‧ 由 shan33 分享