1 Desarrollo CSS

2 ¿Qué es CSS? Hojas de Estilo en Cascada (Cascading Style Sheets):Mecanismo que describe cómo se va a mostrar un documento en la pantalla, o Cómo se va a imprimir, 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. * Es la separación de contenido XHTML y estilo visual (ó presentación) * Permite dar estilo a múltiples páginas web.

3 Tres formas de incluir el CSSa) Definir CSS en un archivo externo

6 b) Incluir CSS en el mismo documento HTML c) Incluir CSS en los elementos HTML

7 <. DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1

8 c) Incluir CSS en los elementos HTML

9 <. DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1

Párrafo con borde verde

10 ¿Cuál vamos a usar? a) Definir CSS en un archivo externo

11 <. DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1

12 Regla CSS CSS define una serie de términos que permiten describir cada una de las partes que componen los estilos CSS. El siguiente esquema muestra las partes que forman un estilo CSS muy básico:

13 Regla: cada uno de los estilos que componen una hoja de estilos CSSRegla: cada uno de los estilos que componen una hoja de estilos CSS. Cada regla está compuesta de una parte de "selectores", un símbolo de "llave de apertura" ({), otra parte denominada "declaración" y por último, un símbolo de "llave de cierre" (}). Selector: indica el elemento o elementos HTML a los que se aplica la regla CSS. Declaración: especifica los estilos que se aplican a los elementos. Está compuesta por una o más propiedades CSS. Propiedad: permite modificar el aspecto de una característica del elemento. Valor: indica el nuevo valor de la característica modificada en el elemento.

14 Ejercicio 1.- Crear una carpeta con el nombre de la empresa “nombreEmpresa” 2.- Crear archivo html, con nombre “empresa_inicio.html” 3.- Dentro de carpeta “nombreEmpresa”, crear otra carpeta con nombre “estilo” 4.- Dentro de la carpeta estilo crear el archivo “estilo.css” 5.- Dentro de la carpeta “estilo” crear la carpeta “images”

15 Ejercicio html