iT邦幫忙

mabinochi
iT邦見習生 ‧ 點數 134
768
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

2025 iThome 鐵人賽
回列表
自我挑戰組

前端轉職學習記錄 系列

中年行政職大叔學習前端紀錄

參賽天數 9 天 ｜ 共 28 篇文章 ｜ 1 人訂閱 訂閱系列文 RSS系列文
0 Like 0 留言 63 瀏覽
DAY 9

DAY20- CSS 基礎-交叉軸對齊：align-items-3

垂直居中 css .align-center { display: flex; align-items: center; height: 100px...

2025-10-05 ‧ 由 mabinochi 分享
0 Like 0 留言 70 瀏覽
DAY 9

DAY21- CSS 基礎-交叉軸對齊練習

css .container { margin: 15px 0; padding: 10px; background-col...

2025-10-06 ‧ 由 mabinochi 分享
0 Like 0 留言 52 瀏覽
DAY 9

DAY22- CSS 基礎-多行對齊：align-content

拉伸行（預設） css .content-stretch { display: flex; flex-wrap: wrap;/*允許換行*/ ali...

2025-10-07 ‧ 由 mabinochi 分享
0 Like 0 留言 54 瀏覽
DAY 9

DAY23- CSS 基礎-項目屬性：控制個別項目

個別對齊：align-self css .special-item { align-self: flex-end; /*把這個 .special-ite...

2025-10-08 ‧ 由 mabinochi 分享
0 Like 0 留言 62 瀏覽
DAY 9

DAY24- CSS 基礎-佈局範例

響應式導航列 css .navbar { display: flex; justify-content: space-between;/...

2025-10-09 ‧ 由 mabinochi 分享
0 Like 0 留言 72 瀏覽
DAY 9

DAY25- CSS 基礎-卡片

.card-container { display: flex; flex-wrap: wrap; gap: 1.5rem;...

2025-10-10 ‧ 由 mabinochi 分享
0 Like 0 留言 70 瀏覽
DAY 9

DAY26- CSS 基礎-Header-Main-Footer

css * { margin: 0; padding: 0; box-sizing: border-box; }...

2025-10-11 ‧ 由 mabinochi 分享
0 Like 0 留言 52 瀏覽
DAY 9

DAY27- CSS 基礎-CSS Variables

定義和使用變數 css :root { --primary-color: #3498db; /* 主要顏色（藍色） */ --secondary...

2025-10-12 ‧ 由 mabinochi 分享
mabinochi的鐵人檔案
mabinochi的收藏
mabinochi的追蹤
mabinochi的Like
mabinochi的紀錄
mabinochi的訂閱列表