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:
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.
Interno: En el bloque <style> dentro del <head>.
Externo: En un archivo CSS vinculado con <link>.
Propiedades Básicas de CSS
Existen de igual manera propiedades básicas en CSS, las cuales son las siguientes:
Colores:
Tipografías:
Espaciado: