CSS | Cascading Style Sheets | Folhas de estilos em cascata 

comando > parâmetro > valor

.preto {
color: #000000;
}


font-family: Georgia, "Times New Roman", Times, serif;

color: black;
color: #000000;

background-color: yellow;

margin: 10px;
margin-right: 10px;

espaçamentos
padding: 0.3em;


duas formas de chamar css

<link rel="stylesheet" href="bantinho.css" type="text/css" />

isso dentro de <head>

--- cor
background-color: #fff;

--- transparente
-moz-opacity: 0.3;
filter: alpha(opacity=30);

background-attachment: fixed;
 
!--- imagem
---chama
background-image: url("quadro.png");

--- repete e nao-repete
background-repeat: repeat;
background-repeat: no-repeat;

--- posição

right | center | left = (direita | centro | esquerda)
top | middle | bottom = (topo | centro | rodapé)

!-- tamanho
--- altura
height: 100%; 
ou 
height: 100px; 

--- largura
width: 100%;
ou
width: 100px;


!--- posição
margin: 0em 0em 0em 0em;

--- posição: absoluto ou relativo
position: absolute;
position: relative;
position: fixed;

--- base apartir do rodape
bottom: 0px;

--- distancia do objeto da margem esquerda
margin: 10px;


!--- fonte
--- familia
font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; 

--- tamamho
font-size: 13px;

--- cor
color: #000056;

--- alinhamento
text-align: center;
vertical-align: middle;
    
center | right | left | justify = centralizado | direita | esquerda | justificado
top | middle | bottom = (topo | centro | rodapé)

--- marcação
- negrito
font-weight: bold;

- underline
text-decoration: underline;

- italico
font-style: italic;

!--- borda

--- com cantos arredondados
-moz-border-radius:5px 5px 5px 5px;

se acaso todos os lados for o mesmo tamanho basta deixar como
-moz-border-radius:10px;

--- deixando coluna-linha tudo juntinhos
border-collapse: collapse;

--- configuração geral
border: #f09090 1px solid;

solid | dashed | dotted | ridge | outset

--- configuração por lado (borda em 1 pixel, sólido e na cor preta)
border-bottom: 1px solid #000; 
border-top: 1px solid #000; 
border-left: 1px solid #000; 
border-right: 1px solid #000; 

--- espaçamento do conteúdo dentro da tabela em relação a borda
padding: 10px;


! --- link

--- cor do link
a:link {}

--- cor do link visitado
a:visited {}

--- quando passar o curso
a:active {}

--- depois que passo o curso
a:hover {}

! --- grupo em td
se acaso você quiser criar uma configuração para cada coluna de uma tabela (link, cor, fonte, etc) faça:

td.durruti {}
td.durruti a:link {}
td.malatesta a:visited {}

e assim por diante.

! --- li

--- o preenchimento fica transparente
li.transparente {
  list-style-type: circle;
}

--- normal
li.normal {
  list-style-type: disc; 
}

--- fica quadrado
li.quadrado {
  list-style-type: square;
}