Guía de Taller
1
Diseño y Maquetación Web – Los elementos web a través de hojas de estilo
_______________________________________________________________________
Diseño y Maquetación Web
Los elementos web a través de hojas de estilo
Sesión 3
LOGRO DE LA SESIÓN
Personaliza los elementos del sitio web mediante hojas de estilos CSS para la aplicación de formatos.
MATERIALES
a) EQUIPOS: PC de escritorio / Laptop
b) HERRAMIENTAS: Visual Studio Code y sus extensiones
c) CONSUMIBLES:
PROCEDIMIENTO
CREACIÓN DE HOJAS DE ESTILOS
Declarar los estilos en la cabecera del documento ahorra espacio y vuelve al código más consistente y
actualizable, pero nos requiere hacer una copia de cada grupo de estilos en todos los documentos de nuestro
sitio web. La solución es mover todos los estilos a un archivo externo y luego utilizar el elemento <link> para
insertar este archivo dentro de cada documento que los necesite. Este método nos permite cambiar los estilos
por completo simplemente incluyendo un archivo diferente. También nos permite modificar o adaptar nuestros
documentos a cada circunstancia o dispositivo.
Diseño y Maquetación Web – Formación Continua
, Guía de Taller
2
Diseño y Maquetación Web – Los elementos web a través de hojas de estilo
_______________________________________________________________________
Sintaxis de las hojas de estilo
Una hoja de estilo es un archivo de texto plano (sin formato) en el que se define el aspecto de las etiquetas de
una página web:
Una hoja de estilo está formada por una o varias sentencias:
Diseño y Maquetación Web – Formación Continua
1
Diseño y Maquetación Web – Los elementos web a través de hojas de estilo
_______________________________________________________________________
Diseño y Maquetación Web
Los elementos web a través de hojas de estilo
Sesión 3
LOGRO DE LA SESIÓN
Personaliza los elementos del sitio web mediante hojas de estilos CSS para la aplicación de formatos.
MATERIALES
a) EQUIPOS: PC de escritorio / Laptop
b) HERRAMIENTAS: Visual Studio Code y sus extensiones
c) CONSUMIBLES:
PROCEDIMIENTO
CREACIÓN DE HOJAS DE ESTILOS
Declarar los estilos en la cabecera del documento ahorra espacio y vuelve al código más consistente y
actualizable, pero nos requiere hacer una copia de cada grupo de estilos en todos los documentos de nuestro
sitio web. La solución es mover todos los estilos a un archivo externo y luego utilizar el elemento <link> para
insertar este archivo dentro de cada documento que los necesite. Este método nos permite cambiar los estilos
por completo simplemente incluyendo un archivo diferente. También nos permite modificar o adaptar nuestros
documentos a cada circunstancia o dispositivo.
Diseño y Maquetación Web – Formación Continua
, Guía de Taller
2
Diseño y Maquetación Web – Los elementos web a través de hojas de estilo
_______________________________________________________________________
Sintaxis de las hojas de estilo
Una hoja de estilo es un archivo de texto plano (sin formato) en el que se define el aspecto de las etiquetas de
una página web:
Una hoja de estilo está formada por una o varias sentencias:
Diseño y Maquetación Web – Formación Continua
