Introduccion a hojas de estilo CSS
Ya tenemos nuestra plantilla terminada a lo que graficamente se refiere,Ahora procederemos a darle estilo a los parrafos, menus, enlaces, etc.
Esto lo podemos hacer de 2 formas que son las siguientes:
-Definiendo el estilo dentro de nuestra plantilla.
La forma de hacerlo seria difiniendo los estilos dentro de las etiquetas <head></head> de nuestra plantilla.
<!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">
<head>
<title>plantilla</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
AQUI ES DONDE IRIAN LAS DEFINICIONES DE ESTILO
</head>
Pero esta forma tiene un problema.Cuando nuestra web este compuesta por 200 paginas(por ejemplo), si nosotros quisieramos cambiar algun estilo tendriamos que ir pagina a pagina modificando el estilo que queremos modificar en nuestra web.
La otra forma de acerlo seria definiendo los estilos en un archivo ajeno a nuestra plantilla y referenciando a este archivo dentro de la plantilla.
<!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">
<head>
<title>plantilla</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="nombre de archivo.css" rel="stylesheet" type="text/css">
</head>
De esta forma si nosotros quisieramos modificar un estilo solo tendriamos que modificarlo en nuestra hoja de estilos y automaticamente se modificaria en
todas las paginas de nuestro sitio web, ademas de hacer menos pesada nuestra web ya que no tendriamos que usar el codigo en cada una de las paginas
web que componen nuestro sitio.
Si por el contrario solo quisieramos un estilo concreto para un parrafo de 1 o 2 paginas solamente, lo podriamos hacer como hemos dicho en el
primer metodo, pero siendo para alguna pagina de nuestro sitio web en concreto.
Vamos a pasar a hacer nuestro archivo de hoja de estilo css.