lunes, 7 de septiembre de 2009

Definir estilo en CSS.

En la cabecera de un documento en HTML podemos definir estilos para que sean usados (bueno aplicados) a toda la página de una manera muy cómoda y así será fácil de modificar.
Bueno como ya sabemos, el CSS se usa para separar el código estilo del código etiquetas de contenido, asi ahora veremos cómo y dónde definir este estilo de 3 maneras distintas.

Estilo definido para una página:
En la cabecera de la página (entre las etiquetas y ) se ponen las etiquetas
, entre estas se escribe siguiendo esto:

  • Escribir el nombre de la etiqueta a definir (p.e.: h1,p...)
  • Entre llaves '{' y '}' escribir las características de estilo que le queremos dar (con sintaxis CSS)
Estilo para un website completo:
Con esto, en un solo archivo se consigue definir todo el estilo para un sitio web, simplemente enlazando todas las páginas con esta hoja de estilo, asi todas las páginas comparte 1mismo estilo dotando de homogeneidad la web y siendo así fácil de cambiar el estilo a todas las páginas a la vez.
Para hacer esto, en la cabecera de nestra página pondremos:

<link rel="STYLESHEET" type="text/css" href="tupaginadestilo.css">


  • rel="stylesheet" le indica que el enlace es una hoja de estilos
  • type="text/css" le indica que es un archivo de texto en sintaxis CSS
  • href="...." indica el nombre del fichero donde esta definido el estilo de la web
Importar declaración externa de estilos CSS:
Cuando antes hemos declarado el estilo dentro de la página entre las etiquetas
, ahora podremos poner @import(archivo_a_importar.css) , algo asi sería:
<style><br />@import("ejemplo.css")<br />body{background-color:ffffff;}<br /></style>

No hay comentarios:

Publicar un comentario