Apuntes Web
ApuntesWeb.net > Manuales >Manual CSS

II. Agregando CSS al (X)HTML

Temas: css mediante link @import Incluir css con style css en línea

Incluir CSS con STYLE

Es la segunda forma de inclusión más utilizada, aunque no recomendada, ya que los estilos se deben incluir página por página y dificulta la actualización, además significa más gasto de ancho de banda.

Entonces porque es muy utilizado?, la razón es que muchos programas para desarrollar páginas web, cuando se utilizan en el modo diseñador(sin ver código fuente) agregan de forma predeterminada el css con STYLE. asi que es muy probable que al reestructurar o actualizar encuentres sitios con CSS mediante STYLE incrustado, veamos como funciona.

Los estilos se ubican dentro de la cabecera(<head> ... </head>) mediante las etiquetas <style type="text/css"> ... </style">.

Ejemplo:

Agregando CSS directamente al HTML

Aunque parece una solución más práctica y directa no lo es, ya que solo seria viable si un sitio web tuviese una sola página. Pero veamos como funciona.

Copiemos esta fragmento de código al bloc de notas y lo guardamos con el nombre ejercicio3.html, no olvide agregar la extensión .html, finalmente abra el archivo con su explorador web favorito.

Para administrar el diseño CSS de manera optima, de sitios con 5, 10, 1000 o más páginas, agregaremos CSS con link
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"lang="es"
xml:lang="es">
<head>
<title>Estilo incluido con STYLE incrustado </title>
<style>
<!--
body{background:blue;color:white;}
-->
</style>
</head>
<body>
<h1>Titulo Principal</h1>
</body>
</html>

MANUAL CSS

CSS, HTML, XHTML, Recursos y mucho más, Prohibida su reproducción total o parcial.
© 2009 - 2012 ApuntesWeb.net