CSS 之 Attribute Selector [ ]
僅管是相同 Tag,只要其 Attribute 的 Value 不一樣,就能使用 Attribute Selector 選擇該 Tag。
僅管是相同 Tag,只要其 Attribute 的 Value 不一樣,就能使用 Attribute Selector 選擇該 Tag。
CSS 也可以直接以 ID 描述 Selector,這種方式速度最快,但因為 ID 不能重複,只能套用在單一 Tag。
Type Selector 會一次影響所有 HTML Tag,直接以 Tag 名稱描述即可,不用任何符號。
若要對影像實作灰階效果,可使用 :before 搭配 mix-blend-mode: color 實現。
垂直靠下為實務上常見需求,CSS 可由多種方式實現。
垂直靠上為實務上常見需求,CSS 可由多種方式實現。
水平靠右為實務上常見需求,CSS 可由多種方式實現。
藉由 Relative Position 與 Absolute Position 搭配,也可排出很多特殊 Layout。
水平垂直置中為實務上常見需求,CSS 可由多種方式實現。
搭配 Relative / Absolute Position,也能使用 transform + translate() 同時水平垂直置中。