iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

Web前端的探索:30天的驚奇之旅 系列

《Web前端的探索: 30天的驚奇之旅》內容涵蓋了HTML、CSS、JavaScript的基礎知識,通過實踐操作和創意挑戰,在探索過程中不斷學習和成長。

鐵人鍊成 | 共 30 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文 團隊NUTC imac
DAY 11

Day11.HTML項目列表清單

列表清單有分有序跟無序,有序用<ol>,無序用<ul><ol>和<ul>分別作為容器,而他們個別的項目內容都是透...

2024-09-19 ‧ 由 yuyu_1111 分享
DAY 12

Day12.<button>按鈕元素

&lt;button&gt;是html裡的按鈕元素,也屬於容器元素通常會放在表單裡面讓使用者點擊,或者是獨立運作如果只想做一個簡易版的按鈕,就可以直接使用&lt...

2024-09-20 ‧ 由 yuyu_1111 分享
DAY 13

Day13.CSS<padding>標籤

&lt;padding&gt;屬於css中的屬性,主要控制內容與其邊距之間的距離 主要分成四個方向,上、下、左、右,去設置內邊距top: 上方內邊距bottom...

2024-09-21 ‧ 由 yuyu_1111 分享
DAY 14

Day14.CSS<margin>標籤

繼上一篇有提到內邊距padding,邊界間距也不僅只有內部,當然還有外部啦~而外部邊距我們就是用margin~也就是我們今天的主角!! &lt;margin&g...

2024-09-22 ‧ 由 yuyu_1111 分享
DAY 15

Day15.CSS<display>標籤

&lt;display&gt;主要控制元素的顯示方式預設通常是inline或block其中一個,inline稱為「行內元素」,block稱為「區塊元素」,而常見...

2024-09-23 ‧ 由 yuyu_1111 分享
DAY 16

Day16.CSS<justify-content>屬性

&lt;justify-content&gt;主要以主軸線來排版,且須搭配display:flex做使用 分成以下六種:justify-content: fle...

2024-09-24 ‧ 由 yuyu_1111 分享
DAY 17

Day17.CSS<text-align>屬性

&lt;text-align&gt;主要用於文字水平對齊,常見的值有以下幾種: text-align: left; text-align: right; tex...

2024-09-25 ‧ 由 yuyu_1111 分享
DAY 18

Day18.CSS<align-items>屬性

align-items主要控制Flex容器内的子元素以交錯軸線來做排版有以下幾種方式: align-items:stretch; align-items:fle...

2024-09-26 ‧ 由 yuyu_1111 分享
DAY 19

Day19.CSS<background>屬性

background主要控制元素的背景,可設定顏色、圖片、位置等背景樣式接下來我們就來介紹一下有哪些背景設定吧~~ background-color設定背景...

2024-09-27 ‧ 由 yuyu_1111 分享
DAY 20

Day20.CSS<position>屬性

position 是 CSS 中用來控制元素佈局和定位的屬性,根據不同的方式來控制元素的位置今天主要介紹以下五種值:staticrelativeabsolute...

2024-09-28 ‧ 由 yuyu_1111 分享