Algumas propriedades do CSS

Usamos o background-color para mudar a cor do plano de fundo da pagina e dá para colocar o numero da cor ou o nome dela; background-image para colocar uma imagem no plano de fundo da pagina, para isso devemos colocar o caminho url(caminho/imagem.gif); background-repeat é a maneira como a imagem do fundo é posicionada, tendo essas formas para selecionar: não repete: no-repeat, repete vertical e horizontal: repeat, repete vertical: repeat-y, repete horizontal: repeat-x; background-attachment, se a imagem do fundo “rola” com a tela, temos as seguintes opções: imagem fixa na tela: fixed, imagem "rola" com a tela: scroll.

Efeitos para links
Os efeitos em links são possíveis através de declarações de regras de estilo para as pseudo classes do elemento do HTML. As pseudo classes são usadas em CSS, para adicionar efeitos diferentes a alguns seletores, ou a uma instância de alguns seletores.
São quatro pseudo classes dos links:
1. a:link........define o estilo do link no estado inicial;
2. a:visited...define o estilo do link visitado;
3. a:hover.....define o estilo do link quando passa-se o mouse sobre ele;
4. a:active....define o estilo do link ativo (o que foi "clicado").


A ordem das declarações devem ser:
a:link
a:visited
a:hover
a:active


Removendo o sublinhado dos links
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration: underline;
color: #FF0000;
}
a:active {text-decoration: none}


Adicionando sublinhado e sobrelinhado
a:link, a:visited, a:active {
text-decoration: underline;
}
a:hover {text-decoration: underline overline;
color:#FF0000;
}


Acrescentando um fundo
a:link, a:visited, a:active {
text-decoration: underline;
}
a:hover {text-decoration: underline;
background:#ffc;
color: #FF0000;
}


Link que muda a cor de fundo
a:link, a:visited, a:active {
text-decoration: underline;
background:#FFFFFF;
}
a:hover {text-decoration: underline;
color:#000;
background:#FFFFCC; }
A ordem das declarações devem ser:
a:link
a:visited
a:hover
a:active