Jaja, bien herwex. Que bueno que lo resolviste tu solo. Asi nos pasa a todos con las comas, puntos, comillas y demas. Es parte del aprendizaje.
Nada mas como dato adicional, puedes llamar a un div de dos maneras.
#estilo1- de esta manera haces referencia asi: <div id="estilo1"></div>
.estilo1-Y asi lo referencias como lo sabes hacer: <div class="estilo1"></div>
La diferencia en que radica esto, es que como sus nombres lo dicen, unos son identificadores(id) ylos otros clases(class).
Esto quiere decir que el id es un elemento unico para una seccion, que en este caso es el div, y sera un identificador unico, sus propiedades no se pueden repetir en otro elemento div.
Mientras que las clases son estilos que puedes otorgar a varios elementos en distintos puntos de tu documento, en distintos identificadores(id).
Código CSS:
Ver original#estilo1{
width:100%;
background-color:#CCC;
}
.estilo1{
font-family:"Cualquier familia de texto";
font size: 14px;
color:#000;
}
.estilo2{
font-family:"Cualquier familia de texto";
font size: 10px;
color:#ccc;
}
Este es un ejemplo sencillo, pero si te fijas, puedes anidar otros divs con las clases que tu quieras, dentro de otros divs.
Saludos y se aceptan karmas