iT邦幫忙

鐵人檔案

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

美術生的前端初體驗 : 從畫畫到網頁的30天 系列

一個美術專業背景的人,第一次踏進前端工程世界的觀察與學習紀錄。

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

Day 11|表單

<form>標籤可以製作一個讓使用者輸入資料的表單: <form> <label>姓名:</label>...

2026-09-25 ‧ 由 yang65867 分享
DAY 12

Day 12|HTML 學習小統整

不知不覺已經學了一小段時間的 HTML。 回想起剛開始接觸的時候,看到畫面上各種標籤,腦袋一片茫然。絕對還不敢說自己真的很懂 HTML,只是現在至少看到一份簡單...

2026-09-26 ‧ 由 yang65867 分享
DAY 13

Day 13| CSS 初步認識

前 12 篇一路都在認識 HTML。從最基本的標籤,到網頁的結構、清單、表格和表單,慢慢把它搞懂,但畢竟網頁不能這麼樸素。所以今天終於進入下一個學習階段啦! C...

2026-09-27 ‧ 由 yang65867 分享
DAY 14

Day 14|CSS 選擇器

在接觸 CSS 之後,馬上得面對一個問題: 「CSS 要怎麼套用?」 因為它跟 HTML 的語法顯然有很大的差別......所以認識 Selector(選擇器)...

2026-09-28 ‧ 由 yang65867 分享
DAY 15

Day 15|選擇器

前一篇提到我認識了 CSS Selector,也知道可以直接用標籤來選擇要修改的內容。 例如: h1 { color: red; } 這樣網頁裡的 &...

2026-09-29 ‧ 由 yang65867 分享
DAY 16

Day 16|ID

昨天認識了 CSS 的 Class selector。今天分享一個新的東西: ID。 例如可以這樣寫: <h1 id="title"&...

2026-09-30 ‧ 由 yang65867 分享
DAY 17

Day 17|結構

前幾篇講到我怎麼認識 CSS 的 Selector。先從直接選擇 HTML 標籤,到 Class,再到 ID,慢慢學會怎麼找到自己想修改的元素。 今天又學習了一...

2026-10-01 ‧ 由 yang65867 分享
DAY 18

Day 18|CSS 的文字與視覺樣式

前幾天一路從最基本的標籤選擇器、Class、ID等等......好不容易把「選取對象」的方法搞懂了,終於可以來做一件期待的事——幫這些文字裝扮一下!想到在pho...

2026-10-02 ‧ 由 yang65867 分享
DAY 19

Day 19|Box Model 盒子模型

開始學習後覺得,在 CSS 的世界裡,每一個 Block 型態的標籤,本質上都是一個個「盒子」。 如果用美術做裝框設計或畫布排版的概念來比喻,一個完整的 Box...

2026-10-03 ‧ 由 yang65867 分享
DAY 20

Day 20|CSS Display 與 Positioning

根據我目前的理解,在 CSS 的世界裡,許多常見的區塊元素預設會從上到下,像疊積木一樣垂直堆疊。不過好像可以打破這個規則!主要靠這兩個核心: 1. displa...

2026-10-04 ‧ 由 yang65867 分享