Apuntes Web
ApuntesWeb.net > Manuales >Manual CSS

II. Agregando CSS al (X)HTML

CSS en Línea

los estilos se incrustan a cada etiqueta HTML mediante el atributo style=" ", esta forma de incluir el css no separa el contenido del diseño. Por lo cual se utiliza muy pocas veces, para definir estilos muy concretos

Ejemplo:

Añadiremos directamente las reglas de estilo a la etiqueta h1

Copiemos esta fragmento de código al bloc de notas y guarde con el nombre ejercicio4.html y abra el archivo con su explorador web favorito.

<!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 en línea </title>
</head>
<body>
<h1 style="background:blue;color:white;">Titulo Principal</h1>
</body>
</html>
Ejercicio:
Edite el archivo (ejercicio4.html) y agregue "text-align:center"
<h1 style="background:blue;color:white;text-align:center;">
Titulo Principal</h1>

Guarde los cambios efectuados y actualize o abra de nuevo la página(ejercicio4.html)

MANUAL CSS

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