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:
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.
Tutoriales
