Lenguaje de estilo para controlar la

Definición de CSS (Cascading Style Sheets):

presentación y el diseño de documentos HTML.

Marco de trabajo front-end que facilita el Facilita la separación del contenido (HTML) y la
diseño responsivo y el desarrollo web.
Definición y Utilidades de Bootstrap: Introducción a CSS presentación (CSS).

Rejillas (Grids) Mejora la mantenibilidad del código y la

Importancia de CSS en el desarrollo web:
consistencia visual.
Botones Componentes Clave: Bootstrap
Permite la creación de diseños atractivos y
Formularios responsivos.

Utilización de Plantillas Responsivas.

Seleccionan elementos HTML por su nombre de
Selectores de Etiqueta: Ejemplo: `p` selecciona todos los párrafos.
etiqueta.
Sistema de diseño unidimensional para distribuir
y alinear elementos dentro de un contenedor Conceptos Básicos de Flexbox: Ejemplo: `.clase` selecciona todos los elementos
Selectores de Clase: Seleccionan elementos por su atributo de clase.
flexible. con la clase "clase".

display: flex Seleccionan elementos por su atributo de ID Ejemplo: `#id` selecciona el elemento con el ID
Selectores en CSS Selectores de ID:
único. "id".
flex-direction
Propiedades de Flexbox: Flexbox
Mapa Mental: CSS, Selectores de Atributo:
Seleccionan elementos por un atributo Ejemplo: `[type="text"]` selecciona todos los
específico y su valor. elementos con el atributo type igual a "text".
justify-content Flexbox y Bootstrap
Permiten aplicar estilos a un elemento en Ejemplo: `:hover` aplica estilos cuando el cursor
align-items Pseudoclases:
función de su estado. se encuentra sobre el elemento.

Flexbox es útil para crear diseños responsivos y

centrar elementos en una página web.
color

font-size
Permite enlazar un archivo CSS externo. Uso de la Etiqueta <link>: Texto:
Integración de CSS con HTML font-family
Permite definir estilos dentro de un documento
Estilos Internos con la Etiqueta <style>:
HTML.
text-align

background-color

Fondo: background-image

Propiedades Comunes en CSS background-size

margin

Modelo de Caja: border

padding

position
Posicionamiento:
top, bottom, left, right