Hasta ahora nos hemos dedicado a crear contenidos con páginas WEB y hemos trabajado principalmente en el cuerpo de las páginas WEB. Sin embargo en encabezado de las páginas es también muy importante y en él se incluyen elementos relacionados con el propio diseño de la página. Uno de dichos elementos corresponde a las denominadas páginas de estilo CSS (cascading style sheets). Las hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos.
Permiten controlar el formato de varias páginas WEB al mismo tiempo y por ello son un elemento importante en el tema de un sitio web. CSS funciona a base de reglas, cada una de las cuales controla un elemento de estilo de la página.La regla tiene dos partes:
El documento se puede dividir utilizando la característica padding.
Si las reglas que se utilizan en un sitio web o en una página WEB no son muchas. Los estilos se establecen entre las etiquetas de encabezado y luego se llaman en el cuerpo.Como se ve en el ejemplo:
<html>
<head>
<style>
h1 {color: red;}
</style>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
Permiten controlar el formato de varias páginas WEB al mismo tiempo y por ello son un elemento importante en el tema de un sitio web. CSS funciona a base de reglas, cada una de las cuales controla un elemento de estilo de la página.La regla tiene dos partes:
- Un selector (característica que queremos definir)
- Una declaración (el valor de dicha característica).
Ejemplo: El color de los encabezados en rojo
h1 {color: red;}
El documento se puede dividir utilizando la característica padding.
Si las reglas que se utilizan en un sitio web o en una página WEB no son muchas. Los estilos se establecen entre las etiquetas de encabezado y luego se llaman en el cuerpo.Como se ve en el ejemplo:
<html>
<head>
<style>
h1 {color: red;}
</style>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
Cuyo resultado hace que los encabezados h1 se escriban en rojo
This is a Heading
This is a paragraph.
This is another paragraph.
Por el contrario si se quiere establecer una hoja de estilos para un sitio WEB, lo más común es que se cree con un editor de páginas WEB o con el bloc de notas con formato .css, y se enlace con la etiqueta
<link rel="stylesheet" href="miestilo.css" type="text/css">
Sea cuidadoso y ponga la hoja de estilo en la misma carpeta que las páginas.De lo contrario no funcionan los enlaces.
ACTIVIDADES
1.- CREE UNA HOJA DE ESTILO PARA SU SITIO WEB
2.- PRUEBE AMBAS OPCIONES INCLUIRLA EN EL ENCABEZADO O ENLAZARLA MEDIANTE UN ARCHIVO .CSS
No hay comentarios:
Publicar un comentario