Margem | Tutorial de CSS | #08 | #uninerds | Universo dos Nerds
2Mais informações:
http://www.uninerds.net/?locale=pt_BR#!html-css-e-javascript/tutorial-de-css
Initial e Inherit: https://youtu.be/FlrllrGksX0
Borda:
Parte 1: https://youtu.be/DF5gkTI7Ue0
Parte 2: https://youtu.be/BP03Ut_GvNs
Largura e Altura: https://youtu.be/Yofb4DCAOh0
Bloco e Linha: https://youtu.be/oc8dIh1zCnU
Redes Sociais
Facebook: https://www.facebook.com/uninerds
Twitter: https://www.twitter.com/uninerds
YouTube: https://www.youtube.com/user/uninerds?sub_confirmation=1
LinkedIn: https://www.linkedin.com/company/uninerds
Instagram: https://www.instagram.com/uninerds
Gostou do vídeo? Veja 10 opções de como você pode apoiar o Universo dos Nerds:
https://youtu.be/KYAljlRtlb4
Faça parte de um grupo focado em Tecnologia: https://www.facebook.com/groups/DevAt
Hashtags: #uninerds #css
Afiliado: http://www.cursos24horas.com.br/parceiro.asp?cod=promocao131331
Contato: uninerds@uninerds.net
Margem e o espaço entre a borda e outras tags ou entre a tag e a tela do navegador e para defini-la temos a seguinte propriedade:
- margin para definir o tamanho da margem e pode receber como valor unidade de medida, em porcentagem e o valor auto, também é possível utilizar valor negativo
Para definir o tamanho da margem para cada lado temos as seguintes propriedades:
- margin-top para a parte de cima
- margin-right para o lado direito
- margin-bottom para a parte de baixo
- margin-left para o lado esquerdo
Também podemos definir as seguintes quantidade da valores:
1. Todos os lados terão o mesmo valor
2. O primeiro valor será para a partes de cima e de baixo e o segundo para os lados esquerdo e direito
3. O primeiro será para a parte de cima, o segundo para os lados esquerdo e direito e o terceiro para a parte de baixo
4. O primeiro será para a parte de cima o segundo para o lado direito, o terceiro para a parte de baixo e o quarto para o lado esquerdo
Com essa propriedade também é possível centralizar conteúdo, para isso deve se usar o valor auto na propriedade margin e definir a largura da tag
Atenção: As margens da direita e esquerda são somadas na distância de uma tag para outra, mas isso não acontece nas margens superior e inferior, estas se sobrepõem passando a valer o maior valor entre as duas