jueves, 19 de julio de 2012

Hoja de estilos CSS

Archivo CSS

Un archivo CSS es un documento de hoja de estilos en cascada que puede vincularse a un documento web ya sea HTML, PHP u otro, con la finalidad de darle estilo y que este no desordene nuestro código, en otras palabras que tengamos una página web con un código limpio.  A continuación un ejemplo del diseño de una página web con una hoja de estilos CSS.

El siguiente código corresponde a html:



En éste código resaltaremos el uso de la etiqueta link con la cual vinculamos con el archivo css llamado estilos.css, el código empleado es:

<link rel="stylesheet" href="estilos.css" type="text/css" />

Cada una de las capas que se crearan en la hoja de estilos estan insertadas en utilizando la etiqueta div, por ejemplo la capa contenedor tiene el siguiente código:

<div id="contenedor">

Porsupuesto que al final se debe cerrar con </div>


El código del archivo estilos.css es el siguiente:


La página se verá de esta manera:                 abrir ejemplo en otra ventana

No hay comentarios:

Publicar un comentario