上一章節我們介紹 2D Transform 屬性使用的方式,這章節來介紹 3D Transform 屬性的使用方式吧!
Transform 顧名思義為變形,是讓什麼東西變形嗎?沒錯就是讓元素透過 CSS 樣式屬性設定來達到變形的效果。
在 CSS 屬性中有些需要設定單位與數值例如 : 寛(width) 、高(height) 、字型(font-size)等等…,這些屬性的設定關係到切板的時候呈現出來的畫面,那我們就來介紹 CSS 中的單位 px、em、rem、%、vw 與 vh 的差異性。
在上一章節有提到 BFC 的概念,此章節我們來了解 IFC 的概念吧!
在之前的關於 margin 它奇怪的地方中,有提到 BFC 那我們就來了解這是什麼?
上一篇我們有了解到 Box Model,這裡來說說關於 margin 它奇怪的地方吧!
那我們繼續之前未完成的 Flex box 。
Flex box 是一個 CSS3 的盒子模型(box model) 也可以稱為彈性盒子,為什麼會這麼說呢?它是為了適應不同的螢幕尺寸和顯示設備的排版方式,接下來我們來介紹。
布局流 (Normal flow)
選擇器 (Selector)是可以選取到 HTML 與 XML 文件中的元素,當選取到文件中的元素與選擇器是一致,可將文件 (HTML、XML)中的元素進行 CSS 樣式修改。