Aprenda a usar o CSS!

Piko-kun, seu sexy! Ninguém te ama mas eu sim ;d

Yoo minna-san!

Hehe, como diz o título, começarei um mini-curso de CSS hoje pra vocês. Bem básico, porque não sou nenhuma especialista, não XD

Pra quem não sabe, CSS significa "Cascading Style Sheets", ou seja, os códigos que definem os estilos. Sabe aquele código que você sempre coloca acima de ]]></b:skin>? E que sempre terminam com uma chave (})?

Nós então vamos hoje aprender a editar os seus estilos com CSS. Lembrando que, esse tutorial terá 3 partes, cada uma focada em coisas diferentes. 

Vamos ter como exemplo de uso os títulos dos gadgets. Clique em leia mais!

Vamos usar diversos estilos CSS para editar, como exemplo, os títulos dos gadgets.

Vá no seu HTML e cole acima de ]]></b:skin> o estilo base que vamos lhe dar.

.sidebar h2{
text-align:center;
background: #FFB6C1;font-size: 21px;
color: #000;
width: 300px;
height: 35px;
}

 Vamos conhecer os códigos:
text-align: Define a posição do texto.
Variáveis:

• left (esquerda)
• center (centro)
• right (direita)

background: Define a cor/imagem de fundo.
Variáveis:

• background: url(Aqui uma url de imagem para o fundo)
• background: #código-da-cor

Aqui uma tabela de cores pra te ajudar.

font-size: Basicamente o tamanho da fonte em pixels.

color: A cor da fonte (Não confunda com background!). Altere apenas o código da cor.

width: A largura do objeto (nesse caso o fundo) em pixels.

height: A altura do objeto em pixels.


Use essas instruções para editar do jeito que quiser. 

Lembre-se sempre que:Um estilo sempre começa com: .nome {
e termina com: }
Se você não fechar ou abrir as chaves eles não começarão.
A mesma coisa com as linhas: Sempre terminam com um ponto-e-vírgula (;).

Mas o CSS não se limita só a isso! No próximo tutorial desse, mostrarei como usar e quais são os tipos de linhas de borda!Também vamos aprender como usar o hover, border-radius e elementos no texto. Isso se vocês aprovarem...!
Desculpem pelo tutorial ser tão curto, mas é que hoje saí e fiquei meio sem tempo (além de que estou sem mouse e odeio mortalmente esse mouse-pad).

Bem, é isso minna-san! Comentem!

Beijinhos!