4Geeks chosen to deliver AI education in the Bahamas alongside Harvard, Oxford, and Columbia.See more
Image: 4geeks-devs-logo_1763162063433
ACCEDER
Gratis·Ejercicio interactivo

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.

Este ejercicio incluye

Technical Skills
FRONT ENDHTML CSSDESARROLLO WEB
Asistencia de IA para guía personalizada
Código real, resultado en tiempo real
Validación instantánea con tests
Progreso guardado en tu ruta

Prueba este ejercicio

Crea una cuenta y obtén acceso inmediato a este ejercicio

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

Already have an account?

Nivel

EASY

Tiempo estimado

8 horas

Acceso

Gratis

Requisitos previos

Ninguno

Sobre este ejercicio

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.
Video preview

Syllabus

Mira el contenido que incluye este ejercicio

1

¡¡Bienvenido a los ejercicios de CSS!!

Descubre el curso de CSS con ejercicios interactivos. Conoce a tu instructor y obtén una vista previa de los conceptos que aprenderás para embellecer tus sitios web.

Video preview
2

Inline styles

Aprende a aplicar estilos en línea en HTML usando el atributo style, luego practica cambiando el color de fondo de una tabla a verde.

Video preview
3

Style tag in CSS

Aprende a usar la etiqueta <style> para aplicar estilos CSS a elementos HTML seleccionándolos con selectores.

View content▾
  • CODE
    The Style Tag
  • CODE
    Your First Style
  • CODE
    Your Second Style
Video preview
4

Separate Stylesheet

Practica enlazar una hoja de estilos externa a tu HTML con la etiqueta <link> y escribe la regla CSS para que el fondo del body sea azul.

View content▾
  • CODE
    Background
Video preview
5

List styling

Practica cambiando los estilos de listas usando list-style-type para convertir números en letras, cuadrados o numeración armenia, y eliminar viñetas.

Video preview
...

Obtén un certificado de IA respaldado por 4Geeks

Este ejercicio forma parte de un curso real. Descubre cuál es el tuyo

Elige entre AI Engineering, AI Flex o AI Fluency, nuestros programas de inteligencia artificial pensados para llevarte de cero a certificado, sin importar tu experiencia previa. El 86% de nuestros egresados consigue trabajo en el sector en un promedio de 3 meses. 
Compara los 3 programas y encuentra el que se adapte a tu ritmo y objetivos.
Explorar opciones
Code editor on laptop

Ejercicios relacionados

Sigue aprendiendo sobre los temas de este ejercicio

Aprende CSS con Ejercicios Interactivos

Aprende CSS con Ejercicios Interactivos

front-end
html-css
desarrollo-web

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…

Probar este ejercicio
Fundamentos de TypeScript con Práctica para Desarrolladores JavaScript

Fundamentos de TypeScript con Práctica para Desarrolladores JavaScript

javascript
front-end
typescript

Este curso está diseñado para estudiantes que dominan JavaScript moderno y han leído sobre TypeScript (básico y avanzado). Aprenderás conceptos clave como interfaces básicas, type aliases y propiedades opcionales, así…

Probar este ejercicio
Tutorial para Aprender Bootstrap desde Cero

Tutorial para Aprender Bootstrap desde Cero

bootstrap
html-css

Domina Bootstrap con ejercicios prácticos sobre sistemas de cuadrícula, barras de navegación, secciones hero y más. Aprende a aplicar estilos de Bootstrap a tus elementos HTML, usa reglas y trucos…

Probar este ejercicio
Aprende cómo usar e interactuar con Formularios en HTML

Aprende cómo usar e interactuar con Formularios en HTML

javascript
html-css
formularios

Domina el arte de los formularios HTML con ejercicios interactivos que abarcan entradas de texto, áreas de texto, entradas de fecha y números, menús desplegables y más. Aprende validación de…

Probar este ejercicio
Aprende cómo manipular el DOM con JavaScript

Aprende cómo manipular el DOM con JavaScript

javascript
html-css
the-dom

Paso a paso, ve sobre todos los conceptos y métodos del DOM: Usa Javascript para manipular los estilos de los elementos de HTML.

Probar este ejercicio
Construye diseños de sitios web con CSS

Construye diseños de sitios web con CSS

html-css

Aprende a construir diseños con un tutorial interactivo y auto-corregido. Domina las propiedades CSS como display, position, float y z-index. Entiende cómo centrar contenido, crear barras laterales y usar pseudo-elementos.…

Probar este ejercicio