The AI Reskilling Platform

Aprende CSS con Ejercicios Interactivos

en 4Geeks

Aprende CSS con una docena de ejercicios interactivos y auto-corregidos. Estos ejercicios de CSS son ideales para principiantes que buscan aprender y practicar conceptos fundamentales de CSS, incluidos selectores, reglas de estilo y técnicas de diseño responsivo. A través de tareas prácticas, los estudiantes obtendrán experiencia en la aplicación de estilos a elementos HTML, el uso de hojas de estilo externas y el dominio de la especificidad de CSS.
Course Report Badge 2025

Get Full Program Details

Apply below to receive the program overview by e-mail and choose how you'd like our admissions team to contact you.

By signing up, you agree to the Terms and Conditions and Privacy Policy

En este tutorial aprenderás los siguientes conceptos:

  1. Cómo aplicar CSS a su sitio web de 3 maneras diferentes: en línea, agrupándolos dentro de una etiqueta <style> o usando una hoja de estilos externa <link>.

  2. Seleccionar elementos HTML de su sitio web para aplicar los estilos.

  3. Aplicar Reglas CSS (estilos) a esos elementos.

  4. Utilizar las reglas CSS más populares.

  5. Aprender los trucos CSS más populares.

¿Cómo están organizados los ejercicios?

Cada ejercicio es una pequeña aplicación de React que contiene los siguientes archivos:

  1. index.html: representa el archivo de entrada para el ejercicio.
  2. styles.css: contiene los estilos y reglas de CSS
  3. README.md: contiene las instrucciones de los ejercicios.
  4. test.js: no tienes que abrir este archivo, contiene el script del test para el ejercicio.

Nota: Los ejercicios son autograduados, pero los tests son muy rígidos y estrictos, mi recomendación es que no prestes demasiada atención a los tests y los uses solo como una sugerencia o podrías frustrarte.

Colaboradores

Gracias a estas personas maravillosas (emoji key):

  1. Alejandro Sanchez (alesanchezr), contribución: (codificador) 💻 (idea) 🤔, (run-tests) ⚠️ , (pull-request-review) 🤓 (tutorial de compilación) ✅ (documentación) 📖

  2. David Hay (haydavid23), contribución: (tests) ⚠️

  3. Daniel Machota (@d4rkm0nst3r), contribución: (run-tutorial) ✅, Traducción 🌍

Este proyecto sigue la especificación all-contributors. ¡Todas las contribuciones son bienvenidas!

Este y otros ejercicios son usados para aprender a programar por parte de los alumnos de 4Geeks Academy Coding Bootcamp realizado por Alejandro Sánchez y muchos otros contribuyentes. Conoce más sobre nuestros Cursos de Programación para convertirte en Full Stack Developer, o nuestro Data Science Bootcamp.