• Propiedades de las hojas de estilo

Propiedades de las hojas de estilo

Ya hemos visto que la definción de estilos consiste en la sucesión de pares propiedad:valor separados por ; en los que indicamos que característica del texto que va entre la etiqueta HTML queremos controlar.

Todas estas propiedades estan divididas en 5 grandes grupos que facilitan su utilización y documentación:

• Propiedades de texto
• Propiedades de las fuentes
• Propiedades de los colores y fondos
• Propiedades de margenes y padding
• Propiedades de los bordes

En las proximas paginas encontrareis una lista de estas propiedades, y páginas de ejemplos de como utilizarlas.

Para unificar el aspecto de las páginas de ejemplos he creado una hoja de estilos "estilo1.css" muy sencilla que ya teneis que empezar a entender.

/*Fichero hoja de estilos. Estilos1.css*/

 body { background-color: #000000; 
       font-family: Verdana, Arial, Helvetica, sans-serif; 
       font-size: 10pt; 
       color: #FFFFFF;
       margin-right: 100px;
       margin-left: 100px}

 .titulo { font-size: 36pt;
      font-weight: bolder;
      color: #FFCC00;
      text-align: left;
      margin-left: -50px} 

  /*Fin del fichero */ 

En la que como podeis observar definimos el color del fondo, el tipo y tamaño de letra que aparecera en la página, los margenes y definimos una clase título, que utilizaremos para presentar el titulo. Luego desde cada página la referenciamos de la siguiente manera:

<link rel="stylesheet" href="estilos1.css">

He utilizado para los ejemplos citas famosas, espero que os gusten.