Hojas estilo

FACILITADOR: MORENO DUGLAS

Cascading Style Sheets (CSS) Hojas de Estilo

en Cascada

se utiliza para darle estilo a los documentos separando el

contenido de la presentación. Los Estilos definen la

forma de mostrar los elementos HTML.

CSS le permite a los desarrolladores Web controlar el

estilo y el formato de múltiples páginas Web al mismo

tiempo. Cualquier cambio en el estilo marcado para un

elemento en la CSS afectará a todas las páginas

vinculadas a esa CSS en las que aparezca ese

elemento.

Formas para Crear los Estilos

Se crear la hoja de Estilo y se incluye en el

archivo Html de la siguiente forma.

<link rel="stylesheet" type="text/css"

href=" " />


Se puede Utilizar el elemento <style></style> en el interior

Del documento dentro del HEAD Ejemplo:

<html>

<head><title>hoja de estilo interna</title>

<style type="text/css">

</style>

</head><body></body></html>

Creando una hoja de estilo dentro de un

documento, el tag <STYLE><HTML> <HEAD>

Diversos datos de la cabeza del documento.....

<STYLE type="text/css">



</STYLE>

</HEAD> <BODY>

Contenido del documento...

</BODY> </HTML>


Se pueden utilizar los estilos “in line” que solo

se utilizara una ve, y se definen los valores de

la propiedad style. Ejemplo:

<p style="color:blue;background:lightblue;">

Aca va un parrafo en azul, resaltado y en

negrita

</p>

Algunas propiedades de las hojas de estilo que

permiten cambiar la forma de presentación de los

documentos de html.

Las hojas de estilos se pueden diseñar de dos formas

que describen una clase (CLASS) y los que

describen los identificadores (ID).

Design

Hojas estilo