Diferencias entre "." y "#"

[SubZero_mb]

Hola a todos.
Una pregunta supongo k muy boba, alguin podría decirme cual es la diferencia entre definir un estilo empezando por punto o empezando por #?? Ya que un estilo del tipo:

Código:

#not_fotos li { 
   display:inline; 
   float:left;  
   background-color:#ffffff; 
   padding:2px; 
   margin:1px; 
   text-align: center; 
   border-right: #54627d solid 3px; 
   border-bottom: #54627d solid 3px; 
   border-top: #54627d solid 3px;
   border-left: #54627d solid 3px;  
}

me da diferente resultado escrito empezando por . en vez de #. Muchas gracias a todos

[aloqui]

Los que empiezan por punto "." aplican al atributo class
Los que empiezan por numeral "#" aplican al atributo id

Es decir para <div class="clase">...</div> se debe usar .clase
y para <div id="iden1">..</div> se debe usar #iden1

[makesurfer]

exacto..
pero mas completo...

el punmto se ustiliza para las clases.. (<a class="estilo"></a>) pero el # es para un id, con esto a una etiqueta le concedes un ID y nomas ese estilo puede ser usado por el ke tenga el id

supongamos que tienes esto

#estilo {
background-color: #fff;
}

nomas se lo puedes aplicar a un elemento

<div id="estilo">contenido</div>

a otro ia no es aplicable..

en cuanto a class.. si.

ejemplo:

.estilo {
text-decoration: none;
background-color: #000;
color: #fff;
}

<a href="http://www.google.com" class="estilo">enlace</a>
<div class="estilo">contenido</div>

espero te sirva =)