¿Qué es lo correcto?

informa · #1 (**permalink**) 20/05/2010, 06:15

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:

Estoy empezando con CSS y tengo muchas dudas.

Gracias

alexk · #2 (**permalink**) 20/05/2010, 08:17

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

daPhyre · #3 (**permalink**) 20/05/2010, 14:30

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

informa · #4 (**permalink**) 21/05/2010, 01:31

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.