0% encontró este documento útil (0 votos)
18 vistas4 páginas

Introducción a CSS en Diseño Web

CSS es un lenguaje que define el diseño y la apariencia de un sitio web, complementando el código HTML. Incluye conceptos como reglas, selectores, declaraciones, propiedades y valores, y existen tres tipos de estilos CSS: externo, interno y en línea. CSS3 es la versión actual y se utiliza para mejorar la presentación visual del contenido en un navegador.

Cargado por

fabirea08
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
18 vistas4 páginas

Introducción a CSS en Diseño Web

CSS es un lenguaje que define el diseño y la apariencia de un sitio web, complementando el código HTML. Incluye conceptos como reglas, selectores, declaraciones, propiedades y valores, y existen tres tipos de estilos CSS: externo, interno y en línea. CSS3 es la versión actual y se utiliza para mejorar la presentación visual del contenido en un navegador.

Cargado por

fabirea08
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

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

También podría gustarte