iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

從零寫出捷運美食介紹網頁(HTML/CSS) 系列

採用重點筆記的方式,將HTML及CSS做整理,透過淺顯易懂的文字和舉例,讓其他也想踏入網頁製作卻不知道該如何下手的朋友們能夠輕鬆踏入,並能夠跟著這30篇文章一點一點完成自己的網頁!

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 21

[Day21]實作:發佈網頁(下)

昨天介紹了使用Git要如何發佈網頁,今天就接續介紹第二種方法直接開始! 二、上傳檔案 這是我比較偏好的方式,個人覺得比較直觀。(如果沒有GitHub帳號記得先...

2023-10-06 ‧ 由 zyq1212 分享
DAY 22

[Day22]CSS-簡介及語法

簡介 階層式樣式表(Cascading Style Sheets,簡稱CSS) 一種用來控制網頁外觀、設定網頁佈局的語言 無法單獨使用,必須與HTML或XML...

2023-10-07 ‧ 由 zyq1212 分享
DAY 23

[Day23]CSS-如何與HTML連結

今天要介紹的是如何將CSS套用在HTML上,共有三種方式。 一、使用<link>元素 先建立好CSS檔案後,在HTML<head>中輸...

2023-10-08 ‧ 由 zyq1212 分享
DAY 24

[Day24]CSS-建立檔案及註解

先提供為了確認是否成功套用CSS而在HTML寫的段落。 <p>試著建立CSS檔案並將這句話變成藍色!</p> 建立檔案 又回到最初的...

2023-10-09 ‧ 由 zyq1212 分享
DAY 25

[Day25]CSS-基本美化(上)

文字相關 屬性 用途 範例 備註 font-size 設定文字大小 font-size: 20px; 常用單位:px、em、% 等 font-...

2023-10-10 ‧ 由 zyq1212 分享
DAY 26

[Day26]CSS-基本美化(下)

顏色 屬性 用途 範例 備註 color 設定文字顏色 color: white; 常用單位:px、em、% 等 background-col...

2023-10-11 ‧ 由 zyq1212 分享
DAY 27

[Day27]實作:美化網頁

之前我們用HTML寫了三個網頁,今天就結合前幾天所學的CSS來將他們美化一下。先提供最終目錄。 以下皆是用瀏覽器縮放125%為基準製作。 首頁 附上H...

2023-10-12 ‧ 由 zyq1212 分享
DAY 28

[Day28]CSS-常用特性(上)

最後兩天主要是整理一些常用或我個人覺得好用的特性,先來延伸一下之前提過的幾項。 單邊、單角設定 [Day25]有提過border-radius、padding、...

2023-10-13 ‧ 由 zyq1212 分享
DAY 29

[Day29]CSS-常用特性(下)

今天要介紹的是之前沒提過的特性,是全新的一篇整理!以按鈕為例子說明,先附上HTML程式碼。 <button>這是一個按鈕</button&gt...

2023-10-14 ‧ 由 zyq1212 分享
DAY 30

[Day30]完賽心得

首先,一定要說的第一句話絕對是「終於結束了」。 因為知道開學後可能會因為各種事情而忙碌,原本計畫要在開賽前先累積好20篇,但暑假引發的惰性真是難以抵抗,最終只完...

2023-10-15 ‧ 由 zyq1212 分享