Bem, como me pediram, aqui estou eu, para ensinar para vocês sobre CSS, que fará sua pagina ficar
mais bonita ;D
Antes de tudo... O que é CSS? o_õ
Cascading Style Sheets, ou simplesmente CSS, é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de
marcação, como HTML.
Ou seja, é um tipo de código que você usa para fazer o negrito ficar com tracinhos embaixo, o italico ter uma cor diferente,
essas coisas @_@
Bem vamos pegar o exemplo dessa petpage.. então, você consegue perceber que no negrito nao fica uma cor diferente e
um fundo? e no sublinhado a letra nao fica de outra cor? então isso é o milagroso CSS =D
Aqui irei ensinar a usa-lo.
Antes de tudo, pegue esse código.Sim é o nosso CSS a ser usado. Mas lembre-se, é apenas o básico
(negrito, sublinhado e italico) pois as outras coisas são mais complexas. Pegue esse código, e coloque no ínicio do seu lay.
Vamos á explicaçãozinha:
Onde está :
B{
color: #cor aqui;
border-bottom: 1px dashed #cor aqui;}
O B = negrito. Ou seja, todas as informações dentro do colchete é sobre seu negrito.
color: #cor aqui; - coloque a cor do seu negrito no local indicado.
border-bottom: 1px dashed #cor aqui; - onde está 1px, você pode modificar por 2px, 3px
, 4px e por aí em diante. Isso significa o tamanho do tracejado embaixo do negrito. Eu aconselho
o 1px mesmo. E a #cor aqui que vem logo em seguida, é a cor do tracejado ;D
Onde está :
U{
color: #cor aqui;
font-size: 10px;}
O U = sublinhado. Ou seja, todas as informações dentro do colchete é sobre seu sublinhado.
color: #cor aqui; - coloque a cor do seu sublinhado no local indicado.
font-size: 10px; - coloque o tamanho do seu sublinhado, pode variar de acordo com sua letra utilizada.
Onde está :
I{
color: #cor aqui;
border-bottom: 1px solid #cor aqui;}
O I = italico. Ou seja, todas as informações dentro do colchete é sobre seu italico.
color: #cor aqui; - coloque a cor do seu italico no local indicado.
border-bottom: 1px solid #cor aqui; - onde está 1px, você pode modificar por 2px, 3px
, 4px e por aí em diante. Isso significa o tamanho do sublinhado embaixo do italico. Eu aconselho
o 1px mesmo, mas você pode por qualquer um. E a #cor aqui que vem logo em seguida, é a cor do sublinhado embaixo. ;D
O solid e o dashed não são a mesma coisa. O solid, significa um simples traço na sua palavra, e o
dashed significa tracejado. No negrito e no italico é usado em ambos, só que no negrito é tracejado
(dashed) e no italico é sublinhado (solid). Você pode troca-los se preferir =D
Bem é isso, espero que tenha entendido. Se não, envie um neomail para mim.
Tuto de CSS
Tabela de Cores
Faq
Editoriais
Extras
