Ver Mensaje Individual
  #8 (permalink)  
Antiguo 01/11/2011, 09:15
Avatar de Oscar_Hidro
Oscar_Hidro
 
Fecha de Ingreso: septiembre-2011
Ubicación: Aguascalientes, Mexico.
Mensajes: 200
Antigüedad: 12 años, 6 meses
Puntos: 25
Respuesta: problema con hoja .CSS

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
  1. #estilo1{
  2. width:100%;
  3. background-color:#CCC;
  4. }
  5.  
  6. .estilo1{
  7. font-family:"Cualquier familia de texto";
  8. font size: 14px;
  9. color:#000;
  10. }
  11.  
  12. .estilo2{
  13. font-family:"Cualquier familia de texto";
  14. font size: 10px;
  15. color:#ccc;
  16. }

Código HTML:
Ver original
  1. <div id="estilo1">
  2.    <div class="estilo1">Tu texto</div>
  3.    <div class="estilo2">otro texto</div>
  4. </div>

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