Usando padding e margin e aplicando no Css

gustavo_nascimento

Gustavo Nascimento

Posted on March 13, 2020

Usando padding e margin e aplicando no Css

PADDING

É usado na parte de dentro de um elemento. (Parte interna)
Nós usamos na seguinte ordem: top , right, bottom e left.

Exemplos:
Forma resumida quando os 4 lados tem valores diferentes:

padding: 55px 60px 95px 60px;

Forma resumida quando o top/bottom e right/left tem valores diferentes:

padding: 55px 60px;

Forma resumida quando o top tem um valor o right/left tem outro valor diferente e o bottom também tem outro valor diferente:

padding: 55px 60px 95px;

MARGIN

É usado na parte de fora de um elemento. (Parte externa)
Forma resumida quando os 4 lados tem valores diferentes:

margin: 55px 60px 95px 60px;

Forma resumida quando o top/bottom e right/left tem valores diferentes:

margin: 55px 60px;

Forma resumida quando o top tem um valor o right/left tem outro valor diferente e o bottom também tem outro valor diferente:

margin: 55px 60px 95px;
💖 💪 🙅 🚩
gustavo_nascimento
Gustavo Nascimento

Posted on March 13, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related