CSS: do ‘Odeio essa m**’ a ‘pode deixar comigo!’

0. Esqueça os navegadores antigos

1. Entenda as regras de precedência

<div id="container" class="my-container">
I want my <span class="text red">color</span>
</div>
#container span {
color: blue;
}
.my-container .text.red {
color: red;
}

2. Utilize um pré-processador

3. Abrace o Flexbox para posicionamento

4. Não escreva os prefixos de navegador manualmente

5. Não utilize qualquer nome para classes, utilize uma metodologia

6. Entenda as diferentes unidades de medida

7. Entenda todos os diferentes valores do POSITION

8. Pseudo-seletores

Conclusão

 by the author.

--

--

--

Front-end Web Engineer in São Paulo, BRAZIL

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Leandro Cavalcante (@leandrocrs)

Leandro Cavalcante (@leandrocrs)

Front-end Web Engineer in São Paulo, BRAZIL

More from Medium

SYNTAX VS SEMANTICS; NAMING CSS CLASSES

Essential CSS Tutorial — Part 3

SASS → (SAssy CSS)