las 3 diferencias?

[chocovo]

Hola, estoy investigando sobre CSS y me ha surgido la siguiente duda:

En ficheros CSS he visto cosas anotadas de las siguientes maneras:

BODY {
FONT-SIZE: 12px; FONT-FAMILY: Arial,Helvetica; BACKGROUND-COLOR: #442101
}
.body {
FONT-SIZE: 12px; FONT-FAMILY: Arial,Helvetica; BACKGROUND-COLOR: #442101
}
#Layer1 {
position:relative; top:25px; width:210px; height:25px; float: right;
}

Cual es la diferencia entre empezar la linea con ".", "#", o no poner nada?

Muchas gracias por la respuesta.
Chocovo

[talmente]

#=
.= clase

[jmoran]

Cuando no ponés nada estás definiendo los atributos de una etiqueta.

Cuando ponés # estás definiendo un identificador (id), es decir una serie de atributos específicos a ser usados una sola vez dentro del html (para el caso que tengas que contradecir los estilos en una oportunidad concreta)

Cuando ponés "." definís una clase, que viene a ser lo mismo que un id, pero se puede repetir dentro del html.

[jmoran]

Otra cosa.

Para referir a la hoja de estilos dentro del html lo escribes así:

Ejemplo para la etiqueta <p>

<p class="nombre_de_la_ clase"> contenido de la etiqueta </p>

<p id="nombre_del_id"> Contenido de la etiqueta </p>

Nótese que en el html no se coloca el "." de la clase ni el "#" del id

[jmoran]

Más cosas.

Te aconsejo escribir los nombres de las etiquetas, id´s y clases en minúsculas dentro de la hoja de estilos.

[chocovo]

No me ha quedado del todo claro.. pero creo es normal, no sé mucho de webs. Le he pillado el consepto.

Muchas gracias por la respuesta.

Chocovo :D

[gabriel01]

Hola chocovo

Para ser más específicos:

• Clase (.): Este atributo sirve para identificar a varios elementos dentro de un documento HTML
• Identificador (#): En cambio este atributo sirve para identificar de forma única a un elemento dentro de un documento HTML

Se diferencian en su especificidad dentro de un documento, siendo el identificador el elemento más específico del CSS (no puede haber dos elementos con un id con el mismo valor)

Un saludo

[Mikmoro]

Tienes 3 formas de identificar un elemento en html:

- una clase: <div class="miclase">...</div>
- un identificador: <div id="miID">...</div>
- etiqueta: <span>...</span>

Según los pongas, en la css los llamas de distinta manera:

- una clase: .miclase {... atributos...} (es decir, empezando por un punto y el nombre de la clase)
- un identificador: #miID {... atributos...} (es decir, empezando por una almohadilla y el nombre del identificador)
- etiqueta: span {... atributos...} (es decir, con el propio nombre de la etiqueta, sin nada más)

¿Cómo y cuándo se usa cada uno de ellos? como te han explicado más arriba.

Busca en las FAQ algún buen libro de CSS.

[gabriel01]

Finalizando el tema, dentro de lo citado por chocovo se menciona lo siguiente:

Iniciado por chocovo

BODY {
FONT-SIZE: 12px; FONT-FAMILY: Arial,Helvetica; BACKGROUND-COLOR: #442101
}

En este caso a través del CSS te encuentras definiendo al body, lo mismo puedes realizarlo con las tablas, saltos de línea, etiquetas h1-hx, etc. Son reglas generales.


Saludos