Abrimos el archivo basic.css al cual le vamos a agregar la etiqueta body, esta etiqueta va a controlar el aspecto de el nuestra página, es decir, características como fondo, margenes, color de texto, fuente que utilizaremos, interlineado, alineación, etc, etc., y quedaría de esta manera:body {así indicamos que: "background:#D21034 repeat;" nuestra página tendra un fondo de este rojo; "margin:0;padding:0;" los margenes de la pagina son cero; "color:#FFFFFF;" el color de la fuente es blanco; "font:11px verdana,arial,sans-serif;" usaremos una fuente que sera de 11 pixels y de preferencia verdana, o arial, o sans-serif; "line-height:1.4;" el interlineado sera de 1.4 y "line-height:1.4;" alineado a la izquierda; hay que notar que las características de la etiqueta inician y terminan con corchetes ( { } ).
background:#D21034 repeat;
margin:0;padding:0;
color:#FFFFFF;
font:11px verdana,arial,sans-serif;
line-height:1.4;
text-align:left; }
Ahora guardamos los cambios y lo enlazamos a los archivos html, en este caso a pagina.html que quedaría de la siguiente forma:
<html xmlns="http://www.w3.org/1999/xhtml">esto es @import "basic.css"; va a importar el contenido a este archivo; esto es muy útil ya que suponga que tiene 20 paginas de un sitio, y desea cambiar el color de fondo, tendría que modificar en 20 archivos distintos de esta manera solo tiene que modificar uno y se aplica a todos.
<head>
<title>Pagina de Prueba.</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Content-Language" content="es-mx">
<style type="text/css" media="all">@import "css/basic.css";</style>
</head>
<body>
<body>
Continuara...
Saludos.
No hay comentarios.:
Publicar un comentario