Incluir CSS en un documento HTML
Marzo 20, 2008
Puedes incluir CSS en un documento HTML de tres formas:
- Incluir CSS dentro del documento HTML
- Incluir CSS en las etiquetas HTML
- Incluir CSS desde un archivo externo
Incluir CSS dentro del documento HTML
Para incluir CSS dentro del documento HTML hacemos uso de la etiqueta <style>, la cual estara incluida dentro de la etiqueta <head>. El inconveniente de definir CSS dentro del mismo documento es que si ocupas un mismo estilo en diferentes documentos HTML a la hora de que quieras realizar algun cambio tendras que hacerlo en todos los documentos HTML.
Ejemplo:
<html>
<head>
<style type="text/css">
p { color: blue; font-size:15px; font-family:Arial; }
</style>
</head>
<body>
<p>Este es un parrafo </p>
</body>
</html>
Incluir CSS dentro de la etiqueta HTML
Se puede incluir CSS dentro de la misma etiqueta html mediante el atributo style.
Ejemplo:
<html>
<head>
</head>
<body>
<p style="color: blue; font-size:15px; font-family:Arial;"> Este es un parrafo </p>
</body>
</html>
Incluir CSS desde un archivo externo
La otra forma de incluir CSS es definiendo en un archivo todos los estilos que vayamos a ocupar y lo guardamos con la extension .CSS, Una vez que tenemos el archivo creado lo enlazamos mediante la etiqueta <link>
Ejemplo:
Archivo: estilo.css
p { color: blue;
font-family:Arial;
font-size:15px;
}
Archivo: pagina.html
Entry Filed under: CSS. .
Trackback this post | Subscribe to the comments via RSS Feed