次世代 Hugo

CSS 之 Class Selector .

Class Selector 為 CSS 最常用的 Selector，實務上常看到幾種寫法：.box1, box2、.box1 .box2 與 .box1.box2，因為很像很容易誤會其意義。

2021-04-13

僅管是相同 Tag，只要其 Attribute 的 Value 不一樣，就能使用 Attribute Selector 選擇該 Tag。

2021-04-12

CSS 也可以直接以 ID 描述 Selector，這種方式速度最快，但因為 ID 不能重複，只能套用在單一 Tag。

2021-04-12

Type Selector 會一次影響所有 HTML Tag，直接以 Tag 名稱描述即可，不用任何符號。

2021-04-12

若要對影像實作灰階效果，可使用 :before 搭配 mix-blend-mode: color 實現。

2021-04-12

垂直靠下為實務上常見需求，CSS 可由多種方式實現。

2021-04-07

垂直靠上為實務上常見需求，CSS 可由多種方式實現。

2021-04-07

水平靠右為實務上常見需求，CSS 可由多種方式實現。

2021-04-07

藉由 Relative Position 與 Absolute Position 搭配，也可排出很多特殊 Layout。

2021-04-06

水平垂直置中為實務上常見需求，CSS 可由多種方式實現。

2021-04-05