CSS Flexbox 屬性及用法

Flexbox 是什麼?

早期用 Box model 排版的時候,要用很多種方式來避免畫面跑版,但隨著時代進步,不同的裝置有不同的解析度,若每個裝置都要重新設計版面也太麻煩了!於是 Flexbox 就誕生啦!

Flexbox 解決了早期的排版問題,能夠隨著不同裝置來變化排版,可以自適應不同裝置的長寬稱為響應式布局(RWD)。

網路上有很多解釋 Flexbox 的文章,這裡主要說明 Flexbox 相關的屬性及用法。

繼續閱讀

CSS 選擇器權重 Specificity

CSS 選擇器是如何判斷要套用哪個樣式?

常會遇到寫了樣式卻沒有被套用,而樣式沒被套用有兩個可能

  1. 沒有選對元素
  2. 選對了元素,但蓋不掉之前的樣式
    以下就來講 選對了元素,但蓋不掉之前的樣式
繼續閱讀