Regístrate para ver las instrucciones en video

← Volver a ejercicios

Aprende CSS con Ejercicios Interactivos

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.

Trabaja en entornos de codificación reales con LearnPack.

Obtén ayuda instantánea con nuestro mentor de IA: Rigobot.

Sin instalación, vas directamente a programar

Dificultad

  • easy

Duración promedio

8 hrs

Dificultad

  • easy

Duración promedio

8 hrs

Regístrate para obtener acceso gratis al tutorial interactivo

Lo usaremos para darte acceso a la comunidad.
¿Ya tienes una cuenta? Inicia sesión aquí.

Al registrarte estás aceptando nuestros Términos y condiciones y Política de privacidad.

Dificultad

  • easy

Duración promedio

8 hrs

Dificultad

  • easy

Duración promedio

8 hrs

Dificultad

  • easy

Duración promedio

8 hrs

Dificultad

  • easy

Duración promedio

8 hrs

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.

Regístrate para obtener acceso gratis al tutorial interactivo

Lo usaremos para darte acceso a la comunidad.
¿Ya tienes una cuenta? Inicia sesión aquí.

Al registrarte estás aceptando nuestros Términos y condiciones y Política de privacidad.

Dificultad

  • easy

Duración promedio

8 hrs

Dificultad

  • easy

Duración promedio

8 hrs