-
Incluir CSS en el mismo documento HTML
Los estilos se definen en una zona específica del propio documento HTML. Se emplea la etiqueta <style> de HTML y solamente se pueden incluir en la cabecera del documento (sólo dentro de la sección <head>).
<head>
<style type=»text/css»> p { color: black; font-family: Verdana; } </style>
</head>
-
Definir CSS en un archivo externo
Se crea un documento con la extensión .css y por ejemplo incluimos esto: p { color: black; font-family: Verdana; }
En la página HTML se enlaza el archivo CSS externo mediante la etiqueta <link>:
<head>
<link rel=»stylesheet» type=»text/css» href=»css/estilos.css» media=»screen» />
</head>
-
Incluir CSS en los elementos HTML
El último método para incluir estilos CSS en documentos HTML es el peor y el menos utilizado, solamente se utiliza en determinadas situaciones en las que se debe incluir un estilo muy específico para un solo elemento concreto.
<p style="color: black; font-family: Verdana;">Un párrafo de texto.</p>