iT邦幫忙

鐵人檔案

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

CSS 面試趣 系列

這一次希望能夠以面試題的方式,更加了解 CSS,也希望能夠讀懂更多 CSS 的眉角!

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

Day 21 - 將元素置中

將 div 置中的方法 為 Interview Bit 的第 27 題。 其實方法非常多,但這裡簡單介紹 2 種方法,有興趣的可以參考這一篇 [CSS]...

2022-09-25 ‧ 由 Casey 分享
DAY 22

Day 22 - CSS Grid Layout

CSS Grid Layout 為 Interview Bit 的第 29 題。 首先先介紹 Grid 的專有名詞的介紹。 Grid Containe...

2022-09-26 ‧ 由 Casey 分享
DAY 23

Day 23 - [Part 1] 介紹 Grid 外容器屬性

介紹 Grid 外容器屬性 因篇幅較多,此篇將介紹 4 個屬性。 屬性 display grid-template-columns grid-template...

2022-09-27 ‧ 由 Casey 分享
DAY 24

Day 24 - [Part 2] 介紹 Grid 外容器屬性

[Part 2] 介紹 Grid 外容器屬性 grid-template grid-auto-rows / grid-auto-columns grid-au...

2022-09-28 ‧ 由 Casey 分享
DAY 25

Day 25 - [Part 3] 介紹 Grid 外容器屬性

[Part 3] 介紹 Grid 外容器屬性 本篇將介紹以下 3 個屬性: justify-items align-items place-items it...

2022-09-29 ‧ 由 Casey 分享
DAY 26

Day 26 - [Part 4] 介紹 Grid 外容器屬性

[Part 4] 介紹 Grid 外容器屬性 justify-content align-content place-content content 則是指...

2022-09-30 ‧ 由 Casey 分享
DAY 27

Day 27 - [Part 1] 介紹 Grid 內元素屬性

[Part 1] 介紹 Grid 內元素屬性 屬性 grid-column-start / grid-column-end / grid-row-start...

2022-10-01 ‧ 由 Casey 分享
DAY 28

Day 27 - [Part 2] 介紹 Grid 內元素屬性

[Part 2] 介紹 Grid 內元素屬性 justify-self / align-self grid container 可以透過 justify-it...

2022-10-02 ‧ 由 Casey 分享
DAY 29

Day 29 - Flexbox 和 Grid 的不同之處

為 Interview Bit 的第 34 題。 使用時機 Flexbox 通過空間的分配和alignment,屬於一維空間的排版 並不用使用過多的...

2022-10-03 ‧ 由 Casey 分享
DAY 30

Day 30 - 未完待續...

結論 終於來到鐵人發文的最後一篇,其實一開始決定參加鐵人賽是很倉促的,沒有任何的事前規劃,就直接報名。現在回頭看還好我有參加本屆的鐵人賽,努力30天持續寫文章並...

2022-10-04 ‧ 由 Casey 分享