Dicas de nivelamento para todo o blog

Olá meus amores tudo bem? (*⌒∇⌒*)ﾉ Sumida de novo? Não, nem um pouco ¬¬ Mas desta vez nem irei ficar de mimimi pois sempre sumo e todo mundo já sabe meus motivos, então sem lenga lenga u.u Mas então, eu tentei retribuir os comentários e sem mentira nenhuma eu não consegui (x~x) Cara, é tanta coisa pra mim fazer, pessoas pedindo ajuda, posts atrasados, marido em casa, a casa em si, o trabalho e etc.. Não estou reclamando de nada mas sei que é chato prometer algo e não cumprir, tipo, eu posso demorar mas dou a minha certeza que irei retribuir todos sim! Todo mundo sabe que não é de meu feitio fazer isso, eu posso demorar mas nunca deixo ninguém de lado, ainda mais vocês que sempre estão pro aqui e sempre me deixam recadinhos bem fofos e legais (^з^) Só peço um pouco mais a paciência de vocês comigo pela demora de postar e de atender pedidos ok?

Mas então, eu vejo pelos grupos e até pelo o meu que existem muitos blogueiros que são perdidos em relação a nivelamento das coisas em seus blogs, tipo, não sabem coisas simples como nivelar as margens das coisas e deixar elas alinhadas. Muitos estão se perguntando, mas Roh tem necessidade de postar isso no blog? Bem, eu acho que tem sim pois se não tivesse tanta gente pedindo informação de como se faz as coisas talvez não precisaria. E outra, acho super útil pois eu mesma procurei na net e não achei nada parecido nos posts para ajudar os que estão começando agora e não tem nenhuma noção dessas coisas. Gente acredito que um dos maiores inimigos de quem está querendo aprender as coisas é não ter paciência, fora a falta de vontade e não ter noção nenhuma de inglês, pois se a maioria não sabe os código fonte está todo em inglês e quem não sabe nem as mais simples palavras acaba se dando mal. Então amores, são dicas simples mas que irão ajudar muito!

Agora irei citar as coisas que as pessoas tem que saber na hora de editar uma área de post, de sidebar ou até mesmo quando usa algo dentro dos gadgets.

NIVELAMENTO:

Margin: é quando você quer dar espaço a algo, se quiser mais para cima mais para baixo ou se quer mais próximos um do outro.

Margin-top: é a margem de altura.

Margin-bottom: é a margem da parte de baixo de qualquer coisa.

Margin-lef: é a margem do lado esquerdo.

Margin-right: é a margem do lado direito.

Padding: é quando você quer dar acolchoamento em algo, deixar o objeto que queira com preenchimento igual, seja dos lados, em cima ou em baixo. 

Padding: use o padding quando for querer deixar o menu todo parelho, no caso de todo um tamanho só.

Padding-top: quando quer criar algum efeito onde a parte de cima do que quer mudar vá para cima.

Padding-bottom: a mesma coisa da parte de cima, quando criar algo se quiser que quando passem o mouse a parte de um menu por exemplo vá para baixo use o padding-bottom.

Padding-left: quando quer que algum objeto tenha o efeito de quando passar o mouse me cima a parte desse objeto vá para o lado esquerdo.

Padding-right: a mesma coisa que a do lado esquerdo.

Float: é quando você quer dar uma direção para o objeto, exemplo, se quer que seu texto ou menu fique direcionado para o lado esquerdo use o float:left; ou quando for para a direita use o float: right; e se quiser ele no centro use float:center;

Height: é quando você quer dar altura aos seus objetos, exemplo, se quer que um menu fique com uma altura específica use o height: valorpx; diferente do padding ele apenas dá altura no que deseja e não acolchoamento no objeto todo.

Line-height: é quando você quer deixar seu texto no centro de algo, exemplo, se quer que o texto de um menu fique bem no centro use a mesma altura do height no line-height assim ele nunca ficará desalinhado.

TEXTOS:

Text-transform: é quando você quer transformar seu texto, exemplo, se quer deixar em todo maiúsculo, minúsculo ou todo uniforme, exemplos: para deixar ele todo com letras maiúsculas coloque: text-transform: uppercase; se for para deixar ele todo com letras minúsculas coloque: text-transform: lowercase; e se querer que ele fique com todas as letras iniciais das palavras maiúsculas coloque: text-transform: capitalize;

Text-decoration:  é quando você quer por alguma decoração no texto, exemplo, se quer que seu texto fique sublinhado coloque: text-decoration: underline; se quiser o texto com efeito tachado coloque: text-decoration: line-through;  se quiser seu texto sobrelinhado coloque: text-decoration: overline; se quiser que seu texto pisque coloque: text-decoration: blink; ou se não quiser nada de efeito coloque: text-decoration: none;

Text align: é quando você quer mudar de lados os textos, exemplo: se quer seu texto ou frase fique no lado direito use: text-align: right; se quiser no lado esquerdo: text-align: left; ou se quiser no centro use: text-align: center; se quiser que o seu texto se justifique que faz com que o texto contido em uma linha se estenda tocando as margens esquerda e direita use: text-align: justify;

Letter-spacing: é quando você quer dar um espaço nas letras, exemplo, se quiser  usar uma fonte que as letras são bem juntinhas e não fica legal use o letter-spacing: 1px; quanto mais valor der mais afastadas as letras irão ficar.