Hola.
El codigo div va en el html.
Por ejemplo, aqui te voy a mostrar la división de un menú:
<div></div>
Eso para dividirlo, pero deben tener un identificador o una clase, aqui es cuando entra el css
id, es el master por así decirlo
class. es por si quieres que algun objeto dentro del div master tenga un diseño un poco diferente
En CSS cuando vas a darle forma a los dos es así:
ID:
#nombredelid{ las características que quieres tener, ya sea color, lineas, etc}
Class
.nombredelaclase{ lo mismo que arriba}
Es facil, ejemplo de un menú superior con id y uno de sus sub menús con class.
Código:
<div id="menu">
<ul>
<li>Home</li>
<li>Sobre nosotros</li>
<li class="menu1">AAA</li>
</ul>
</div>
Ahora después de esto en el CSS pon
Código:
#menu{ background: black;}
.menu1{ background: red;}
Más o menos lo que hice fue que el menú tenga de fondo el color negro pero AAA tenga de fondo rojo.
Otra cosa que se me olvidaba.
En mi caso yo siempre creo un divisor para contenido, ya sabes donde pondré etiquetas form p h1 ul , etc
al crear el div le pongo con, pero para no tener que ponerle class a cada elemento que quiero diferente. Simplemente en el CSS declaro
#nombredelid p {}
Esto me modificará todas las etiquetas p del contenido o de la etiqueta que mongas.
Espero que te sea de utilidad