CSS nivel 1

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:

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.

COMPARTE ESTE ARTÍCULO

COMPARTIR EN FACEBOOK
COMPARTIR EN TWITTER
COMPARTIR EN LINKEDIN
COMPARTIR EN WHATSAPP