Tabela de Estilos CSS

Estilo
a:link

a:hover

Uso
Pseudo-classe link da ncora
Acionada quando o elemento um link
simples, no est com o mouse sobre ele e
no foi ainda visitado/acessado.
Pseudo-classe hover da ncora
Acionada quando se passa com o mouse
sobre o link.

Exemplos
a:link {
color:black;
}

a: hover {
color:blue;
font-weight:bold;
}
background
Define a propriedade de fundo de um objeto. background:#c0c0c0 url(fundo.jpg) no-repeat
bottom right;
Seqncia (Nem todos os valores so
obrigatrios):Outros:background-color
background:url(imagem.jpg) no-repeat;
background-image
background:url(logo.png) repeat-x;
background-repeat
background:url(fundo.gif) repeat-y;
background-attachment
background-position
background-attachment Define uma imagem que permanece visvel
background-attachment: fixed;
na tela mesmo com scroll da pgina.
Opes:
Scroll: Rola com a pgina.

Fixed: Image fica fixa em seu local
background-color
Define a cor de fundo do objeto.
background-color :blue
background-color:#AABBCC
background-image
Define a imagem de fundo do objeto.
background-image: url(logo.png)
background-position
Define o alinhamento da imagem de fundo
background-position: center bottom;
do objeto. Parmetros:Posicionamento Horizontal
background-position: right top;

left

center

right

n%

Posio n

background-repeat

border

Posicionamento Vertical

Top

Center

Bottom

n%

Posio n
Define a forma pela qual a imagem de fundo
ir se repetir no objeto. Opes:
repeat

repeat-x

repeat-y

no-repeat
Define a borda do objeto. Parmetros:
largura (thin, medium,thick, n px)

estilo (none, hidden, dotted, dashed,
solid, Double, groove, ridge, inset,
outset)

cor (nome, #hhhhhh, #rgb,
transparent)

background-repeat: no-repeat;

border:1px solid silver;

border:thin dotted #A05Fd9;

border-color
border-style
border-width
border-left
border-right
border-top
border-bottom

Permite informar a cor das bordas

Permite informar o estilo das bordas
Permite informar a largura das bordas
Permite informar os valores de um dos lados
da borda, onde:
Left = Borda Esquerda

Right = Borda Direita

Top = Borda do Topo

Bottom = Borda do Fundo

border-color: yellow;
border-style: dotted;
border-width: 20px;
border-left: 1 px solid black;
border-right: 2px inset brown;
border-top: think outset #FFF;
border-bottom: medium ridge blue;

color

Define a cor do texto do objeto

float:

Flutua um objeto

font-family

Define a lista de famlias de fonte disponveis

ao objeto. (Derivao do estilo font)
Define o tamanho da fonte.
(Derivao do estilo font)

color :blue
color:#AABBCC
float: left
float: right
font-family: Verdana
font-family:Arial, Tahoma, Verdana
font-size:10px
font-size:12em
font-size:15pt
font-weight:bold

clear

font-size

font-weight
height
list-style
margin

margin-bottom
margin-top
margin-left
margin-right
padding
padding -bottom
padding -top
padding -left
padding -right
text-align

text-decoration
width

Define espessura da fonte

(Equivalente ao negrito / strong / b)
Define a altura do objeto
Define o estilo de marca de lista
Define a margem do objeto

Define a margem de fundo do objeto

(Derivao do estilo margin)
Define a margem do topo do objeto
(Derivao do estilo margin)
Define a margem esquerda do objeto
(Derivao do estilo margin)
Define a margem direita do objeto
(Derivao do estilo margin)
Define a margem interna entre o contedo e
as bordas do objeto onde ele est contido
Define a margem interna de fundo do objeto
(Derivao do estilo padding)
Define a margem interna do topo do objeto
(Derivao do estilo padding)
Define a margem interna esquerda do objeto
(Derivao do estilo padding)
Define a margem interna direita do objeto
(Derivao do estilo padding)
Define o alinhamento de texto e objetos
inline dentro do objeto
Define a decorao (sublinhado) de texto dos
links
Define a largura do objeto

height:50px
list-style:none
margin:2px 4px 6px 8px.
Ordem: Topo, Direita, Fundo, Esquerda
margin:auto distribui espao resultante nos
lados esquerdo e direito do objeto
margin-bottom:10px
margin-top:10px
margin-left:10px
margin-right:10px
padding: 2px 4px 6px 8px.
Ordem: Topo, Direita, Fundo, Esquerda
padding-bottom:10px
padding-top:10px
padding-left:10px
padding-right:10px
text-align:center
text-align:left
text-align:right
text-decoration:none
width:150px;