Diseño y Estilización con CSS

Aplicación de Estilos con CSS

Objetivos de Aprendizaje

  • Comprender la importancia de CSS en el diseño web.
  • Identificar y aplicar la sintaxis básica de CSS.
  • Utilizar propiedades de estilo para mejorar la presentación visual de páginas web.
  • Implementar diseño responsivo mediante media queries.

¿Qué es CSS?

CSS (Cascading Style Sheets) es un lenguaje de diseño utilizado para controlar la presentación visual de una página web escrita en HTML. Permite separar el contenido (HTML) de la apariencia (CSS), proporcionando una mayor flexibilidad y facilidad de mantenimiento.

Sintaxis Básica de CSS

La sintaxis de CSS incluye: 

sintaxis

Selector: Identifica el elemento HTML a estilizar (por ejemplo, h1).
Propiedad: Define el aspecto a modificar (color, tamaño, etc.).
Valor: Establece el estilo específico para la propiedad.

Tipos de Estilo en CSS

Existen varios tipos de estilos en CSS,los cuales son los siguientes:

En línea: Dentro del atributo style de un elemento.

Linea

Interno: En el bloque <style> dentro del <head>.

interno

Externo: En un archivo CSS vinculado con <link>.

externo

Propiedades Básicas de CSS

Existen de igual manera propiedades básicas en CSS, las cuales son las siguientes:

Colores:

colores

Tipografías:

tipografia

Espaciado:

espaciado

Obra publicada con Licencia Creative Commons Reconocimiento Compartir igual 4.0

Creado con eXeLearning (Ventana nueva)