Usando CSS en una página

Existen varias formas alternativas de asociar una hoja de estilo a un documento:

css

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(https://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>