Aula de HTML 01

Hey crazyrs, como estão? Bom, já tinha dito aqui no blogger que fui convidada para uma escola no tumblr e eu seria a professora de HTML, pois é u_u segundo os meus aulos e as tarefas que eles entregaram estou sendo uma boa professora e então decide postar as aulas aqui no blogger, espero que ajude. Hoje eu fui terminar de assistir o os dois últimos episódios da 4ª temporada de The Vampire Diaries, eu acompanho a sério acho que desde de o ano passado, ou ano retrasado, slá, enfim, já era para eu ter acabado porque eu acompanho episódio por episódio porém eu estava com preguiça de assistir online então só hoje acabei e gente, que perfeito que foi, Elijah voltando, o Jeremy vivo de novo awn haha, só to com dozinha do meu Stefan e o Klaus é o malvado mais perfeito que existe, ele falou para Caroline "Ele é o seu primeiro amor mas eu pretendo ser o último", coisa mais linda haha, enfim, vamos a aula.

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.

Bom, acho que é isso e que tenha sido útil. Beijos, Brenda.