iT邦幫忙

鐵人檔案

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

CSS 面試趣 系列

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

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

Day 1 - CSS 面試趣!

前言 進入職場工作滿2年了,雖然是做全端工程師,在這期間,碰了很多前後端語言,其中最想要搞懂的大概就是看起來簡單但又非常難的 CSS 吧,並且一直希望自己做出來...

2022-09-05 ‧ 由 Casey 分享
DAY 2

Day 2 - 什麼是 Box model?

什麼是 Box model? 為 Interview Bit 的第 1 題,17題和36題。 定義 讓我們先看 w3Schools 的定義。 The CS...

2022-09-06 ‧ 由 Casey 分享
DAY 3

Day 3 - CSS 引用有哪幾種方法?

CSS 引用有哪幾種方法? 為 Interview Bit 的第 4 題。 題外話,別看這一題很簡單,但我還真的在筆試時被問過,而且不只一家公司會問到。...

2022-09-07 ‧ 由 Casey 分享
DAY 4

Day 4 - 什麼是 vh,vw?

什麼是 vh,vw? 為 Interview Bit 的第 7 題。 這裡我們會討論 4 個單位元素,vh,vw,vmin,和 vmax。 定義 vh...

2022-09-08 ‧ 由 Casey 分享
DAY 5

Day 5 - inline v.s. inline-block v.s. block 都幾?

inline v.s. inline-block v.s. block 有何不同? 為 Interview Bit 的第 9 題。 常用的 display...

2022-09-09 ‧ 由 Casey 分享
DAY 6

Day 6 - 什麼是 Pseudo elements? 什麼是 Pseudo classes?

Pseudo elements? Pseudo classes? 這是啥米碗糕? 為 Interview Bit 的第 11 題。 Pseudo ele...

2022-09-10 ‧ 由 Casey 分享
DAY 7

Day 7 - Normalize CSS 和 Reset CSS 有何不同?

Normalize CSS 和 Reset CSS 有何不同? Reset CSS:移除 default browser 的 style,任何元素的 margi...

2022-09-11 ‧ 由 Casey 分享
DAY 8

Day 8 - 什麼是 z-index?

什麼是 z-index? 為 Interview Bit 的第 20 題。 簡介 z-index決定元素的堆疊順序。在同一階層下,z-index 數字比...

2022-09-12 ‧ 由 Casey 分享
DAY 9

Day 9 - 元素漂浮 - float

元素漂浮 - float 為 Interview Bit 的第 19 題。 定義 float 定義元素在哪個水平方向浮動,周圍的元素也會跟者改變。以往這...

2022-09-13 ‧ 由 Casey 分享
DAY 10

Day 10 - [Part 1] Cascading & 樣式規則

Cascading 為 Interview Bit 的第 23 題。 因內容較多,Cascading 為 Part 1,樣式規則為 Part 2。 C...

2022-09-14 ‧ 由 Casey 分享