Contenido del Curso

CSS Fundamentals

1. Introducción a CSS

¿Qué es CSS?Conectando HTML y CSS Selectores para Estilizar Elementos HTML Desafío: Agrega Tus Primeros Estilos Desafío: Agregar los estilos utilizando el nombre de la clase Clases Pseudo de Acción del Usuario Reto: Clases de Pseudo-Clases de Acción del Usuario Colores de Texto Trabajo Efectivo con CSS Desafío: Variables en CSS

2. Estilos de Texto

Estilo del Texto Formateo de Texto Desafío: Formato de Texto Añadir Tipografías Personalizadas a la Página Web Propiedades de la Fuente Desafío: Fuentes

3. Modelo de Caja y Espaciado de Elementos

Modelo de Caja Dimensionamiento de Caja Añadir Espacio a Elementos Desafío: Ajuste del Tamaño del Cuadro Clases Pseudo Estructurales y Funcionales Desafío: Pseudo-Clases Estructurales Tipos de Elementos Trabaja con Elementos de Nivel de Bloque Trabaja con Elementos en Línea Desafío: Predecir la Disposición de la Página

4. Flexbox

¿Qué es Flexbox?Dirección de Flexión Justificar Contenido Horizontalmente Alinear elementos verticalmente Propiedades de Ítem Flexible Desafío: Flexbox Desafío: Trabajar con Flexbox

5. Efectos Decorativos

Color de Fondo Imagen de fondo Trabajar con Imágenes Elementos Pseudo-Decorativos Sombras Desafío: Efectos Decorativos Pasos Adicionales

CSS Fundamentals

Desafío: Fuentes

Tarea

Apliquemos varias propiedades de fuente a elementos específicos: Para h1:

Familia de fuentes: Arial
Tamaño de fuente: 36px.
Peso de la fuente: `600
Estilo de fuente: italic.

Para p:

Familia de fuentes: Georgia
Tamaño de fuente: 18px.
Peso de fuente: `400
Estilo de fuente: normal.

index.html

index.css

index.js

font-family: Especifica la familia de fuentes.
font-size: Define el tamaño de la fuente.
font-weight: Define el peso de la fuente.
font-style: Define el estilo de la fuente.

index.html

index.css

index.js

¿Todo estuvo claro?

Sección 2. Capítulo 6

Contenido del Curso

CSS Fundamentals

1. Introducción a CSS

2. Estilos de Texto

Estilo del Texto Formateo de Texto Desafío: Formato de Texto Añadir Tipografías Personalizadas a la Página Web Propiedades de la Fuente Desafío: Fuentes

3. Modelo de Caja y Espaciado de Elementos

4. Flexbox

¿Qué es Flexbox?Dirección de Flexión Justificar Contenido Horizontalmente Alinear elementos verticalmente Propiedades de Ítem Flexible Desafío: Flexbox Desafío: Trabajar con Flexbox

5. Efectos Decorativos

Color de Fondo Imagen de fondo Trabajar con Imágenes Elementos Pseudo-Decorativos Sombras Desafío: Efectos Decorativos Pasos Adicionales

CSS Fundamentals

Desafío: Fuentes

Tarea

Apliquemos varias propiedades de fuente a elementos específicos: Para h1:

Familia de fuentes: Arial
Tamaño de fuente: 36px.
Peso de la fuente: `600
Estilo de fuente: italic.

Para p:

Familia de fuentes: Georgia
Tamaño de fuente: 18px.
Peso de fuente: `400
Estilo de fuente: normal.

index.html

index.css

index.js

font-family: Especifica la familia de fuentes.
font-size: Define el tamaño de la fuente.
font-weight: Define el peso de la fuente.
font-style: Define el estilo de la fuente.

index.html

index.css

index.js

¿Todo estuvo claro?

Sección 2. Capítulo 6