Sep.26

Debug rápido com CSS

Essa dica vai te ajudar a enxergar os limites de cada elemento do seu projeto de maneira rápida e eficaz.

Tudo que você precisa é de três linhas de código:

*{
background-color:rgba(0,255,0,0.1);
}

Assim você seleciona cada elemento da página e dá a cada um deles um fundo ligeiramente mais escuro com ajuda do seletor *

Elementos dentro de outros elementos ficarão com o fundo cada vez mais escuro. Esse método ajuda muito quando precisamos saber como estão o margin e padding dos elementos.

Então, três divs dentro umas das outras devem aparecer assim:

div-css-exemplo

Gostou? Deixa um Like e compartilha com os amigos!

Compartilhe isso:
  • facebook
  • twitter
  • gplus

Sobre R.Junior

Deixe um comentário