Código: M2- FOR07
DISEÑO DEL SERVICIO
Versión: 01
Fecha: 01/01/2022
GUÍA DE ESTUDIO 1 Página 1 de 1
ÁREA: INFORMÁTICA ASIGNATURA: INFORMÁTICA
PERIODO: TERCER CURSO: 11 ° A-B FECH 27 9 2024
TRIMESTRE A
¿Qué es CSS en el diseño web?
1. CSS es unos de los lenguajes que ayuda a definir el desiño del contenido del sitio web y
ordenar su apariencia, con la ayuda del navegador, haciéndola más atractiva al usuario,
primero hay que tener el código de HTML del sitio listo para poder complementarla con los
códigos de CSS. La información de estilo incluye el tamaño de la fuente, el color de fondo,
la alineación del texto y los márgenes.
La versión actual de CSS es CSS3.
2. Términos propios de CSS:
a. Regla: 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" (}).
b. Selector: Este indica la parte del documento donde se aplica la regla. Y al selector
le siguen una o más declaraciones dentro de corchetes (p, div, a, ...).
Código: M2- FOR07
DISEÑO DEL SERVICIO
Versión: 01
Fecha: 01/01/2022
GUÍA DE ESTUDIO 1 Página 2 de 1
c. Declaración: especifica los estilos que se aplican a los elementos. Está compuesta
por una o más propiedades CSS.
d. Propiedad: característica que se modifica en el elemento seleccionado, como por
ejemplo su tamaño de letra, su color de fondo, etc.
e. Valor: establece el nuevo valor de la característica modificada en el elemento.
*El código completo es la regla
3. CSS funciona como complemento a la información que forma parte de un sitio web.
Mientras que el código en HTML incluye todos los datos, el código en CSS se encarga de
darles formato y presentarlos visualmente a través de un navegador.
Código: M2- FOR07
DISEÑO DEL SERVICIO
Versión: 01
Fecha: 01/01/2022
GUÍA DE ESTUDIO 1 Página 3 de 1
Existen 3 tipos de estilos CSS:
- CSS Externo: existe en su propio archivo, este archivo está enlazado a un documento
HTML con una etiqueta <link>.
- CSS Interno: es un código CSS incrustado en un documento HTLM. Está escrito dentro
del elemento <style>, que se acomoda en la sección de <head>.
Código: M2- FOR07
DISEÑO DEL SERVICIO
Versión: 01
Fecha: 01/01/2022
GUÍA DE ESTUDIO 1 Página 4 de 1
- CSS en línea: se ubica dentro de una etiqueta HTML para cambiar el estilo de un
elemento en específico.
Investiga:
1. ¿Cómo se aplica el color de fondo en una página web, con css?
2. ¿Cómo se aplica una imagen de fondo en una página web, css?
Referencia de estudio:
https://www.webempresa.com/blog/que-es-css-y-para-que-sirve.html