iT邦幫忙

鐵人檔案

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

30天前端網頁基礎觀念(HTML,CSS,Javascript,blender) 系列

目前有接觸前端網頁與3D訓練,所以決定把內容重新整理後在寫成文章。
內容應該都會偏向基本概念的整理與運用,建立自己紮實以及清楚的基礎觀念。
以便後續再回顧時可以快速恢復記憶與幫助新手互相交流學習。

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

Day11 display:flex屬性的運用 flex跟flex-direction

先前有介紹過float屬性,但是在現在這個有flex的時代,flex漸漸取代float成為排版神器。 Flex 是 display中新增的配置之一,能夠對被設定...

2023-09-12 ‧ 由 Eazy 分享
DAY 12

Day12 display:flex屬性的運用 flex-wrap justify-content align-item

昨天有跟大家說到flex屬性的使用,今天要在繼續往下紀錄可以搭配使用的屬性。 flex-wrap 這個屬性是用來指定你的flex元素是單行顯示還是多行顯示,簡單...

2023-09-13 ‧ 由 Eazy 分享
DAY 13

Day13 flex屬性的運用 align-content

那今天還是繼續說其他flex屬性的運用 align-content 這個屬性比較容易跟align-items搞混,不過大致上需要這樣分辨 align-con...

2023-09-14 ‧ 由 Eazy 分享
DAY 14

Day14 flex屬性的運用 flex-grow flex-shrink

前面都是介紹設定在flex元素的屬性,那今天就來說設定在flex元素內的子項目可以設定的屬性! 選手介紹 flex-grow flex-shrink...

2023-09-15 ‧ 由 Eazy 分享
DAY 15

Day15 flex屬性的運用 flex-basis

昨天的文章有跟大家提到flex-grow跟flex-shrink,今天要跟大家提一下flex-basis這個屬性。 flex-basis flex-basis...

2023-09-16 ‧ 由 Eazy 分享
DAY 16

Day16 文字樣式(text)-1以及計算單位

今天介紹的屬性是可以針對關於文字的樣式做設定,大致上會針對這些介紹: font-size: 文字大小 color:文字顏色 text-align:文字的...

2023-09-17 ‧ 由 Eazy 分享
DAY 17

Day17 文字樣式(text)-2

在昨天的文章裡有跟大家介紹 font-size,color,text-align,text-decoration以及text-indent。 今天會再繼續把其他...

2023-09-18 ‧ 由 Eazy 分享
DAY 18

Day18 CSS權重與選取器淺談

今天想跟大家說一下有關於CSS權重的部份,不過這部分可能要先提到選取器。 那先跟大家講CSS權重好了 !important > inline style...

2023-09-19 ‧ 由 Eazy 分享
DAY 19

Day19 CSS選取器-淺談偽類選取器 puseudo-class-1

偽類選取器與偽元素傻傻搞不清楚 從語法結構上面來看,偽類選取器是由一個:冒號作為開頭,接著緊接著偽類選取器的名稱,例如 :hover 或是 :first-chi...

2023-09-20 ‧ 由 Eazy 分享
DAY 20

Day20 CSS選取器-淺談偽類選取器 puseudo-class-2

昨天有跟大家介紹一些偽類選取器,那今天還是會繼續介紹其他的偽類選取器 :checked ::first-letter :empty :not...

2023-09-21 ‧ 由 Eazy 分享