Existen varias formas alternativas de asociar una hoja de estilo a un documento:
Por ejemplo:
Se utiliza el elemento STYLE dentro del encabezamiento del documento, como en el ejemplo.
Se usa el elemento LINK para referenciar a una hoja de estilo puesta en un archivo aparte.
Se invoca a una hoja de estilo con el comando de CSS «@import …».
Se agrega el atributo STYLE a un elemento dentro del cuerpo del documento.
Este último método mezcla la hoja de estilo con el contenido del documento y es por lo tanto una mala opción.
Veamos un ejemplo combinado, con varias formas de llamar a hojas de estilo:
Usando CSS en una página
<HTML>
<HEAD>
<TITLE>Demostración</TITLE>
<LINK REL=»stylesheet» TYPE=»text/css» href=»http://example.com/hoja1.css»>
<STYLE TYPE=»text/css»> @import url(http://example.com/hoja2.css);
H1 {
color: blue
}
</STYLE>
</HEAD>
<BODY> <H1>Los encabezamientos son azules</H1>
<P STYLE=»color: green»>Y este párrafos verde.</P> </BODY> </HTML>
Via: Tejedoresdelweb.com
