iT邦幫忙

鐵人檔案

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

前端轉職學習記錄 系列

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

參賽天數 9 天 | 共 22 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 1

給自己一個起點

DAY1今天是參加鐵人賽的第一天之前都是覺得自己下班後有時間有精力才會偶爾學習一下這次想藉著IT鐵人賽每天堅持發布篇學習記錄達到原子習慣的效果 之前就有跟老師學...

2025-09-15 ‧ 由 mabinochi 分享
DAY 2

DAY2- CSS 基礎-引入方式

DAY2之前老師在教VUE3的時候,我CSS的基礎幾乎是沒有,導致在學VUE3的時候我幾乎是硬背所有的元件。 CSS引入方式 常見:外部樣式表、內部樣式、行內...

2025-09-16 ‧ 由 mabinochi 分享
DAY 3

DAY3- CSS 基礎-選擇器-1

CSS選擇器 3.子元素選擇器:只選擇class的直接子元素4.相鄰兄弟選擇器:套用兩個相鄰在後的標籤 屬性選擇器1.具有特定屬性的元素:2.屬性值完全匹配:...

2025-09-17 ‧ 由 mabinochi 分享
DAY 4

DAY4- CSS 基礎-選擇器-2

3.屬性值包含特定文字:4.屬性值以特定文字開頭:5.屬性值以特定文字結尾: 偽類選擇器1.連結狀態:2.表單元素狀態:3.按鈕互動效果:4.結構偽類:5.斑...

2025-09-18 ‧ 由 mabinochi 分享
DAY 5

DAY5- CSS 基礎-Box Model

Box Model 邊框樣式css .border-examples { width: 300px; border: 1px solid #ccc...

2025-09-19 ‧ 由 mabinochi 分享
DAY 6

DAY6- CSS 基礎-Box Model-2-陰影

導覽列範例css /* 導航列 */ .navbar { background-color: #2c3e50;/* 導覽列背景色(深藍灰色) */ pa...

2025-09-20 ‧ 由 mabinochi 分享
DAY 7

DAY7- CSS 基礎-顏色與背景

/* 各種顏色格式範例 */ .color-examples { /* 顏色名稱 */ color: red; background-color:...

2025-09-21 ‧ 由 mabinochi 分享
DAY 8

DAY8- CSS 基礎-顏色與背景

次要按鈕:css .secondary-button { background-color: transparent; color: #3498db; b...

2025-09-22 ‧ 由 mabinochi 分享
DAY 9

DAY9- CSS 基礎-背景設定

背景設定css .bg-examples { background-color: #ecf0f1 } html <div class="b...

2025-09-23 ‧ 由 mabinochi 分享
DAY 9

DAY10- CSS 基礎-文字與字型

字型設定 /*基本字型設定*/ body { font-family: -apple-system,/* 蘋果系統字體 (San Francisc...

2025-09-25 ‧ 由 mabinochi 分享