5 de dez de 2016

Aulinha de HTML


Essa é uma aula sobre as coisas básicas principais:






background: é a cor do fundo.

background: url(‘link’); é uma imagem no fundo.

color: é a cor da fonte.

font-size: é o tamanho da fonte.

font-family: é o nome da fonte usada.

width: é a largura.

height: a altura.

margin: é a margem.

margin-left: é a margem da esquerda.

margin-right: é a margem da direita.

margin-top: é a margem do top.

margin-bottom: é a margem de baixo.

float: e a posição, por exemplo: float: left; vai ficar do lado esquerdo, right do direito.

left: esquerda.

right: direita.

padding: é o espaço à margem, por exemplo: padding: 5px; se for imagem vai ficar 5px de distância da margem se for texto também e etc.

shadow: é o sobreado.

text-transform: aqui você decide se quer as letras todas maiúsculas, minúsculas ou da forma normal.

uppercase: letras maiúsculas.

line-height: altura de uma linha a outra.

letter-spacing: é o espaço entre as letras.

position: pode ser absolute, relative e fixed.

hover: é quando muda ao passa o mouse.

border: é a espessura da borda.

font-style: pode ser italic, bold e etc.

border-radius: é o tanto que a borda fica arredondada.

text-align: left, center ou right.

Você pode usar por exemplo: 5px e -5px. 
Digamos que sem o - aumenta e com - menos diminui. Por exemplo: 

top: -5px; ele vai subir, vai ficar mais próximo ao topo.

top: 5px; ele vai descer, vai ficar mais distante ao topo.


Qualquer dúvida deixem aqui nos comentários ♥



8 comentários:

  1. Oie amei o post valeu muito as dicas porque eu me mato pra tentar entender cada codigo.
    Seguindo ja aqui,amei tudo.
    http://www.porqueeunaosouobrigada.com.br

    ResponderExcluir
  2. Obrigada flor, que bom q vc gostou! beijos

    ResponderExcluir
  3. Aaai menina! Obrigadaaao! Estava precisando mesmo de dicas! Menina! Eu tava perdida nos meus códigos! Heheh❤❤❤

    ResponderExcluir
  4. Muito legal.. ajuda bastante quem está começaando agora! Bjos!
    https://thaydreams.blogspot.com.br/2016/12/cartoes-de-natal.html

    ResponderExcluir
  5. Uaau muito util, isso ajuda muuuito ♥

    ResponderExcluir

© Anne Ferreira - 2017 | Todos os direitos reservados.
Desenvolvimento por: Jaque Design
imagem-logo