Usando CSS en una página
De TW
| CSS |
| Introducción a CSS |
| Usando CSS en una página |
| Lenguaje 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:
<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>