Pular para o conteúdo principal

intro

Estudar (Art on Codepen)​

Seletores​

  • :before
  • z-index
  • inset
  • clip-path
  • mix-blend-mode
  • filter
  • transform
  • transform-origin

:empty​

:only-child​

:only-of-type​

:not()​

:target​

Ordem de importancia​

Estilos inline​

IDs​

Classes, pseudoclasses e atributos​

Elementos e pseudoelementos​

!important = Priodade total!​

Reponsividade​

max-width​

seta a width e impede de dar overflow caso a tela diminua a baixo do valor definido

min-height​

msm coisa

querys adicionam complexidade, não sobrescrevem o código já existente, podem subscrever se já existente no layout

usar css moderno como funções que facilitam a vida

clamp(min, rate, max) para valores