capas. .capa o #capa ¿en que se diferencia?

Hola Ongapisa, diferencia entre .capa y #capa, bueno aqui van muy
rapidamente porque me estoy llendo del curro ahora mismo :-))

.capa = se utiliza con la etiqueta class="capa"

si utilizas lo otro, o sea #capa, en ves de que se utilize class="capa",
debes utilizar id="capa", espero que esto te aclare un poco, si no el lunes
podre seguir u otros compañeros te podrán explicar mas antes de esa fecha,
saludos.

Juan C. Barreiro
Depto. Desarrollo Web
www.barnamarketing.com
www.urban-design.org/urbansoft/


"Ongapisa" <mierda de escribió en el mensaje
news:bfrg4n$i7i6v$

Estoy mirando un poco de capas ¿que diferencia hay en definarla, en la

hoja

de estilo .capa a #capa?

Adiós y gracias.

.capa1 --> <div class="capa1">
#capa2 --> <div id="capa2">

Ya, pero ¿que hace de distinto?

La diferencia es que .capa es una clase y #capa no lo es

esto que quiere decir?
básicamente la diferencia es esta:

.capa {font-family:Verdana;font-size:8pt;}
#rojo {color:red;}
#verde {color:green;}

Se usaria asi:

<span class="capa">Contenido</span>
<span class="capa" id="rojo">Contenido</span>
<span class="capa" id="verde">Contenido</span>

Los tres van a compartir los atributos de la clase capa solo que el
segundo va a tener ademas los atributos de #rojo y el tercero de #verde.

Espero que te sirva

saludos

Moebius

"Ongapisa" <mierda de wrote in message
news:bfrpri$h63l9$

.capa1 --> <div class="capa1">
#capa2 --> <div id="capa2">

Ya, pero ¿que hace de distinto?

Ongapisa wrote:

Estoy mirando un poco de capas ¿que diferencia hay en definarla, en la hoja
de estilo .capa a #capa?

En primer lugar, el término "capa" da lugar a confusiones. Procede de
los principios (bastante caóticos) del posicionamiento CSS, cuando sólo
podía jugarse con los elementos DIV y el ya desaparecido LAYER. Pero ya
hace años que cualquier elemento puede posicionarse. Te recomiendo
consultar fuentes mas actualizadas.

Por otro lado, con cualquiera de las dos cosas que mencionas no estás
definiendo nada, sino refiriéndote o seleccionando uno o varios
elementos. Es lo que se llama selector. Y no son las únicas opciones. Te
pongo algunos ejemplos: las siguientes reglas asignan un color a
diversos elementos, utilizando diferentes selectores (entre los cuales
están los que mencionas):

* { color:red; } /* Todos los elementos */

h1 { color:red; } /* Todos los encabezados de nivel 1 */

div p { color:red; } /* Todos los párrafos dentro de un div */

h1+h2 { color:red; } /* Todos los encabezados de nivel 2 que sigan
inmediatamente a un encabezado de nivel 1*/

p.Rojas { color:red; } /* Todos los párrafos de la clase "Rojas" */

.Rojas { color:red; } /* Todos los elementos de la clase "Rojas" */

.Rojas.Ardientes { color:red; } /* Todos los elementos de la clase
"Rojas" y de la clase "Ardientes" a la vez */

:hover { color:red; } /* todos los elementos a los cuales se les pase el
puntero por encima. */

input[type=text] { color:red; } /* todos los elementos input de tipo
texto */

#Rojo { color:red; } /* El elementos identificado como "Rojo" */

etc...

Como verás, los dos selectores que mencionas se refieren a elementos por
su atributo class o por su atributo id. El atributo id es único,
mientras que la clase, logimante, no.
Pero eso debe hacerte decantarte directamente por uno u otro. Ni el
atributo class ni mucho menos el atributo id existen exclusivamente para
usarlos a través de CSS. Tienen otras funcionalidades.

Por otro lado, y para no complicar el código más de la cuenta, sólo
debes usar clases e identificadores cuando otros selectores no te sirvan.

Saludosssss
s y s i f u s -- http://www.tierradenomadas.com