Foros del Web » Creando para Internet » CSS »

las 3 diferencias?

Estas en el tema de las 3 diferencias? en el foro de CSS en Foros del Web. Hola, estoy investigando sobre CSS y me ha surgido la siguiente duda: En ficheros CSS he visto cosas anotadas de las siguientes maneras: Cita: BODY ...
  #1 (permalink)  
Antiguo 09/10/2008, 03:32
 
Fecha de Ingreso: abril-2003
Ubicación: Valencia
Mensajes: 221
Antigüedad: 14 años, 8 meses
Puntos: 7
las 3 diferencias?

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

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

Cita:
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
  #2 (permalink)  
Antiguo 09/10/2008, 05:35
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 10 años, 1 mes
Puntos: 4
Respuesta: las 3 diferencias?

#=
.= clase

Última edición por talmente; 09/10/2008 a las 06:18
  #3 (permalink)  
Antiguo 09/10/2008, 06:31
 
Fecha de Ingreso: octubre-2008
Mensajes: 138
Antigüedad: 9 años, 2 meses
Puntos: 1
Respuesta: las 3 diferencias?

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.
  #4 (permalink)  
Antiguo 09/10/2008, 06:39
 
Fecha de Ingreso: octubre-2008
Mensajes: 138
Antigüedad: 9 años, 2 meses
Puntos: 1
Respuesta: las 3 diferencias?

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
  #5 (permalink)  
Antiguo 09/10/2008, 06:40
 
Fecha de Ingreso: octubre-2008
Mensajes: 138
Antigüedad: 9 años, 2 meses
Puntos: 1
Respuesta: las 3 diferencias?

Más cosas.

Te aconsejo escribir los nombres de las etiquetas, id´s y clases en minúsculas dentro de la hoja de estilos.
  #6 (permalink)  
Antiguo 09/10/2008, 07:31
 
Fecha de Ingreso: abril-2003
Ubicación: Valencia
Mensajes: 221
Antigüedad: 14 años, 8 meses
Puntos: 7
Respuesta: las 3 diferencias?

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
  #7 (permalink)  
Antiguo 09/10/2008, 20:42
 
Fecha de Ingreso: septiembre-2008
Mensajes: 94
Antigüedad: 9 años, 2 meses
Puntos: 3
Respuesta: las 3 diferencias?

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
  #8 (permalink)  
Antiguo 10/10/2008, 02:58
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: las 3 diferencias?

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.
__________________
Visita mi nueva web idplus.org
  #9 (permalink)  
Antiguo 10/10/2008, 13:44
 
Fecha de Ingreso: septiembre-2008
Mensajes: 94
Antigüedad: 9 años, 2 meses
Puntos: 3
Respuesta: las 3 diferencias?

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

Cita:
Iniciado por chocovo Ver Mensaje
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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:18.