Foros del Web » Creando para Internet » CSS »

¿Qué es lo correcto?

Estas en el tema de ¿Qué es lo correcto? en el foro de CSS en Foros del Web. Hola: Tengo una duda: ¿Cual debe ser la secuencia del script CSS?: ¿Primero los divs principales y luego los divs que rellenan esos divs principales, ...
  #1 (permalink)  
Antiguo 20/05/2010, 07:15
 
Fecha de Ingreso: noviembre-2005
Mensajes: 86
Antigüedad: 12 años
Puntos: 0
¿Qué es lo correcto?

Hola: Tengo una duda:
¿Cual debe ser la secuencia del script CSS?: ¿Primero los divs principales y luego los divs que rellenan esos divs principales, o según el orden en que estan escritos los id y class en la página?

Pongo un ejemplo:
Es correcto esto:
Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<HEAD>
<TITLE>Prueba</TITLE>
<style type="text/css">
body{background:#DEDEDE}
#container{width:800px; background:#FFF}
#cabecera {height:100px}
#menu{height:30px; background:#8855AA}
#contenido{background:#F1D5D5; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;}
#pie{background:#000; font: 12px Arial, Helvetica, sans-serif; fot-color:FFF}

.titulo {padding:20px; font: 20px "Comic Sans MS", Arial, Helvetica, sans-serif; font-color:FCD}
.comentario{font: 15px Arial, Helvetica, sans-serif; font-color:FFF}
</style>
</HEAD>
<BODY>
<div id="container"><div>
<div id="cabecera">Mi cabecera</div>
<div="menu">Aqui iria el menú</div>

<div id="contenido">
<div class="titulo">Titulo del articulo</div>
<div class="comentario">Aqui iria el texto bla, bla, bla, bla......</div>
<div class="comentario"> Aqui seguiria otro comentario... </div>
</div>
<div id="pie">Mi pie de paginaz</div>
</div>
</BODY>
</HTML>
o es más correcto ésto:
Cita:
<style type="text/css">
body{background:#DEDEDE}
#container{width:800px; background:#FFF}
#cabecera {height:100px}
#menu{height:30px; background:#8855AA}

#contenido{background:#F1D5D5; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;}
.titulo {padding:20px; font: 20px "Comic Sans MS", Arial, Helvetica, sans-serif; font-color:FCD}
.comentario{font: 15px Arial, Helvetica, sans-serif; font-color:FFF}

#pie{background:#000; font: 12px Arial, Helvetica, sans-serif; fot-color:FFF}
</style>
Estoy empezando con CSS y tengo muchas dudas.

Gracias
  #2 (permalink)  
Antiguo 20/05/2010, 09:17
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: ¿Qué es lo correcto?

pues el orden no afecta, amenos que tengas selectores repetidos... cogera el ultimo que tengas en tu CSS,
<div="menu">
sera id? sera class? o la vieja del otro dia?... jeje
lo normal es ir aplicando como vayas avanzando... de arriba hacia abajo, pero igual puedes ser mas ordenado y poner por ejemplo
/*-cabecera-*/
#cabecera{}
#menu{}
/*-cuerpo-*/
/*-contenido-*/
/*-columna izquierda-*/
etc......

chao y suerte

PD: es mejor utilizar minusculas tanto en XHTML y en el CSS
y este <div id="container"><div> vacio, seria mejor que envualva todo el html no? jeje
  #3 (permalink)  
Antiguo 20/05/2010, 15:30
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: ¿Qué es lo correcto?

Creo que alexk ya lo ha explicado bastante bien. Aunque el estilo más común es el primer ejemplo que pusiste, ya que las clases pueden ser usadas en cualquier lugar de la página, por lo que no siempre sabrás si van en el head, el content, el footer o en más de uno.

Por eso las clases suelen ir después de los ids
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #4 (permalink)  
Antiguo 21/05/2010, 02:31
 
Fecha de Ingreso: noviembre-2005
Mensajes: 86
Antigüedad: 12 años
Puntos: 0
Respuesta: ¿Qué es lo correcto?


Muchas gracias por las respuestas. Ya sé que hacer.

(Perdón por las incorrecciones del ejemplo. Las prisas siempre provocan errores de escritura .... como el <div id="container"> repetido el <div="menu">. Perdon de nuevo).

Gracias por todo.

Etiquetas: correcto
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 14:03.