diferencia

[alexis17]

hola buenas tardes
queria saber que diferencia hay en escribir en una hoja de estilo

# o el .

es que veo en algunos ejemplos que utilizan esas opciones

[marcosr]

Hola,

EL caracter "#" representa a las capas únicas, es decir <div id="nombre"></div> mientras que el caracter "." representa a las clases de capa en donde pueden haber 1 sola o infinitas capas del tipo <div class="nombre"></div>.

Entonces el siguiente código:

#capa_unica_superior { background:red; padding:35px 0px 0px 0px; }
.capa_2_veces { font-family:"Trebuchet MS", Arial; color:blue; }

<div id="capa_unica_superior">Yo soy una capa que solo puede existir una vez.</div>

<div class="capa_2_veces">Yo soy una capa que puede aparecer infinitas veces.</div>
<div class="capa_2_veces">Aquí aparezco de nuevo.</div>

Haría que la capa llamada "capa_2_veces" aparezca en fuente Trebuchet MS de estar disponible y color de texto azul todas las veces que la capa aparezca, mientras que la capa llamada "capa_unica_superior" aparezca con fondo rojo y espaciado interior superior de 35px la única vez que puede aparecer.


Saludos !

[AlZuwaga]

Hola Marcos, más que capas podrías decir elementos y sería más preciso.