iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

HTML&CSS30天修煉 系列

從零基礎開始,希望透過這30天一點點的學習,來漸漸提升對HTML與CSS的了解,並加深之間的運用

參賽天數 24 天 | 共 24 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文 團隊nutc imac T1
DAY 11

Day11盒模型

html裡每個物件都有盒模型,盒模型是包裹住物件的容器按下f12可以透過檢查,查看物件的盒模型 <h2>我有盒子</h2> 這個就是...

2025-09-25 ‧ 由 xbetty 分享
DAY 12

DAY12CSS選擇

選擇器能做到更多更細微的指定,來改變自己想要的物件,選擇器中有所謂的父與子,下面的div h1為例,此時就是指定div是h1父親的情況下會給所有子元素的H1變色...

2025-09-26 ‧ 由 xbetty 分享
DAY 13

day13Html表單

有些網站可能需要使用者提供資料,html裡是用form來實現,前面提過的select和button,text-area都可以看做表單的一員 <form a...

2025-09-27 ‧ 由 xbetty 分享
DAY 14

day14Html背景

HTML裡,所有東西都有背景,網頁body本身,h1~h6,p,box標籤等等,這次來簡單介紹一下背景 H1{background-co...

2025-09-28 ‧ 由 xbetty 分享
DAY 15

day15Html overflow

overflow,這個屬性負責如何處理溢出的內容這是一般的情況,內容直接超出其包裹的容器繼續顯示,這是因為物件的預設值overflow:visibleoverf...

2025-09-29 ‧ 由 xbetty 分享
DAY 16

day16CSS

css裡面有名為偽元素的存在,偽元素本身不是一個真正存在的元素,它算是用來選取元素的一個手段,或是用來在物件中插入內容,偽元素透過物件後面加上::來使用 &lt...

2025-09-30 ‧ 由 xbetty 分享
DAY 17

day17Html hover

現在的網頁跟鼠標之間要有互動已經是必不可少的環節,透過:hover可以簡單的實現 .box { width: 200px...

2025-10-01 ‧ 由 xbetty 分享
DAY 18

day18Html select

select下拉式選單select是下拉式選單的容器,選單的內容由option呈現,value代表被選擇後傳給後端的資料,若無則傳optiondisabled:...

2025-10-02 ‧ 由 xbetty 分享
DAY 19

day19Html單位

首先字體大小可以用font-size調整默認字體大小是16px <p>p</p> <p style="f...

2025-10-03 ‧ 由 xbetty 分享
DAY 20

day20 Html media

提到過不少次響應式網頁,這裡展示簡單的響應式網頁是什麼效果在非響應式的情況下,當視窗縮小時物件不會跟著移動,導致消失,這就是絕對單位會有的問題 div{...

2025-10-04 ‧ 由 xbetty 分享