鐵人檔案
每年的鐵人賽，廣義的對我來說也算是一種朝聖之路
一場身心靈的考驗，必須面對興奮、無聊、挫折、疲乏等情緒的到來
回顧在學習成為前端路上，CSS 好像是那個"覺得有趣"的契機點
也許就是這個分歧點，造就現在這個宇宙的產生，也因此有一個此刻 2024/09/15 8:15 正趕著報名鐵人賽的我
沒辦法回到當初的分歧點，但想試著讓自己重頭學習 CSS
在這條曾經匆匆走過的路上，重新尋找新的事物
不為什麽 CSS 考題大全或是什麽面試必考
單純為有趣、為自己而寫
接下來的 30 天預計照著 web.dev 的 Learn CSS 課程，重啟對 CSS 的認識！
概念 把容器切割成網格狀，可以放置 item 到任意一個位置，用來切割的線以及劃分出來的區域都可以做命名，方便 item 使用。 Grid 重要用詞 Grid...
概念 Logical Properties：基於邏輯方向而非物理方向來進行佈局。 在一段文字的開頭處，想加上一個 icon 做裝飾，這個 icon 距離文字要有...
概念 在一個 container 中如果有三個元素，要讓元素之間有間距，很多種方式，例如： 1. HTML <br> 空行，就像在文件中按下 E...
概念 不需要異動 HTML 結構，而是利用 CSS 添加虛擬的元素在畫面上或是用來標記特定的元素。 1. ::before & ::after 用來建立...
概念 分成以下這幾類 1. Interactive states 和使用者即時互動相關的 :hover :active :focus、:foucus...
概念 要顯示 border 必須定義 border-style ＊border 顏色預設為 box 的 currentColor、寬度預設為 medium Bo...
概念 Box shadow 在元素 box 上增加陰影，可套用在 block 和 inline 元素，可設定水平方向位移、垂直方向位移、blur radius、...
概念 透過使用者的互動，某些特定的元素即帶有 focus 狀態，例如：<a>、<button>、<input>、 <s...
概念 在 normal flow 下，position 要設定 static 以外的值，z-index 才有效。 ＊如果是用 flexbox 或是 grid 排...
