Usando CSS en una página
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:
<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
