<html>
<head>
<title>Hojas de Estilo con Estilos Aplicados</title>
<LINK type=text/css rel=stylesheet href="estilo1.css">
</head>
<body>
<p class= dv>
En este documento se han aplicado varios estilos usando CSS </p>
<H1>HOJAS DE ESTILO (CSS)</H1></p>
<br>
<h3>
Permiten definir estilos en el documento html,
asociando etiquetas a distintas propiedades de fuentes,
texto, fondo, color y ventanas.</p>
<div class=azul>
Conviene definir los estilos en
ficheros aparte, para así poderlos usar en cuantos
documentos se desee.</p></div>
Para incluir un fichero de estilos, se debe escribir lo
siguiente:</p>
<C>
<link rel= stylesheet type= text/css href=
estilos/presentaciones.css"><br><br>
</C>
Ejemplos de definición de estilos:
<ul>
<li> Se define un estilo nuevo: <br>
C {color: blue; text-align: center;
background-color: orange} <br><br>
<li> Se redefine un estilo existente:
<ul class=dv>
<li>Redefición de negrita añadiendo otras
propiedades cuando se está dentro de una celda de una
tabla: <br>
TD B {background-color: yellow;
font-style: italic} <br><br>
<li> Redefinición de estilo h1 (encabezado 1):
<br>
H1 {text-align:center;
color:red}<br><br>
</ul>
<li> Se redefine un estilo, añadiendo una clase que se
puede aplicar a párrafos, encabezados, etc: <br>
.dv {text-align:righ; color: green} <br><br>
</ul>
</body>
</html>