¿como estrucuturar hojas de estilos?(orden)

mongus3010 · #1 (**permalink**) 01/08/2008, 10:46

hola que tal me ha surgido una duda y que mas para escuchar de los que mas saben para esta duda pues mi duda es y quisiera preguntarles sobre como organizan sus paginas web tanto las html y sobre todo las CSS
acaso organizan las hojas de estilo una para cada div que ponen? ya saben basicos,layout,cabecera,menu,contenido,etc,etc?
o como le hacen ustedes podrian explicarlo ustedes bueno gracias por su tieimpo hasta luego.

Jamati · #2 (**permalink**) 01/08/2008, 11:20

Yo te respondo en mi caso particular, pero no lo consideres como una persona que sabe mucho de CSS.

Yo lo primero que hago, dentro de mi body adjunto un div.contenedor y luego dentro de este, uno para cabecera, otro para el cuerpo, y otro para el pie, por ejemplo:

Código HTML:

<html>
<head>
</head>
<body>
<div class="principal">
  <div class="cabecera"></div>
  <div class="cuerpo"></div>
  <div class="pie"></div>
</div>
</body>
</html>

y luego en el CSS hago referencia a cada caso particular, por ejemplo:

div.principal {.........}
div.cabecera {.........}
div.cabecera div.aaaaa {.........}
div.cabecera a:hover {.........}

me entendiste ?
no sé si era esto lo que preguntabas, sino cualquier cosa avisáme.

acoevil · #3 (**permalink**) 01/08/2008, 11:39

si creo que es una muy buena forma de ordenar nuestras hojas de estilos pero tambien seria bueno leer la opinion de un experto.
Tdoso los dias aprendemos cosas nuevas.

Saludos.

Jamati · #4 (**permalink**) 01/08/2008, 11:54

Más allá de un experto, es importante que en tu página siempre le asignes una class o un ID a las capas, así luego puedes hacer mención a ellas desde el CSS.

Porque por ejemplo si solo pones en el CSS:

div {width:500px;}

esto abarca a todos los div de tu página, y no creo que quieras hacer esto.

acoevil · #5 (**permalink**) 01/08/2008, 12:11

si es verdad es mejor colocarle nombre diferentes a cada uno asi no tendras problemas a la hora de maquetear tu pagina web

#contenedor1
{
background-color:#fff;
...
}
#contenedor2
{
background-color:#000;
...
}

html

<div id="contenedor1">...</div>

<div id="contenedor2">...</div>

ya depende como valla tu diseño

SALUDOS

Jamati · #6 (**permalink**) 01/08/2008, 12:32

exactamente, de esta forma en tu CSS puedes hacer mención a cada capa de tu sitio.

mongus3010 · #7 (**permalink**) 14/08/2008, 13:06

Bueno pues muchas gracias a todos por contestar tal vez me retrase pero espera aun mucho mas respuestas y opiniones gracias de nuevo y poroximamente estare publicando mi pequeña y modesta pagina web para que la visiten y me ayuden a mejorarla, gracias y hasta luego