Ejercicio de programación con CSS: Sintaxis
Código
Ejercicios CSS Sintaxis y ejemplos. Domina la sintaxis de CSS mediante ejercicios prácticos y ejemplos claros.
- Un estilo para todos los párrafos (
<p>) que cambie el color del texto a azul: Utiliza el selector de etiqueta para los párrafos. - Un estilo para un elemento con el identificador "mi-id" que ajuste el tamaño de la fuente a 24 píxeles: Utiliza el selector de id para el elemento con el identificador "mi-id".
- Un estilo para elementos con la clase "mi-clase" que cambie el color del fondo a amarillo: Utiliza el selector de clase para los elementos con la clase "mi-clase".
- Un estilo para elementos de entrada de texto (
<input type="text">) que cambie el color del fondo a verde claro: Utiliza el selector de atributo para los elementos de entrada de texto. - Un estilo que centre el texto para los encabezados
<h1>,<h2>y<h3>: Agrupa los selectores de los encabezados para aplicar el mismo conjunto de reglas.
Todos los ejercicios de programación de CSS
Evalúa tus conocimientos con ejercicios de programación en CSS de tipo Test, Puzzle, Código y Proyecto con VSCode.
Modelo de caja
Código
Propiedad 'display'
Test
Modelo de caja
Test
Propiedades de posicionamiento
Puzzle
Sombras en texto y cajas
Test
Variables en CSS
Puzzle
Grid en diseños de cuadrícula
Test
Propiedades de texto
Código
Animaciones y transiciones
Test
Introducción a CSS
Test
Selectores avanzados
Puzzle
Flexbox en diseños modernos
Puzzle
Sintaxis básica
Test
Estilos de fuente
Test
Sintaxis avanzada
Puzzle
Herencia y cascada
Test
Selectores básicos
Código
Diseño responsive con media queries
Test
Pseudo-clases y pseudo-elementos
Puzzle
Flexbox en diseños modernos
Código
Elementos 'float' y 'clear'
Test
Propiedades de texto
Puzzle
Propiedades de fondo
Puzzle
Metodologías BEM, SMACSS, OOCSS
Puzzle
Selectores básicos
Test
Certificados de superación de CSS
Supera todos los retos de CSS y obtén estos certificados de superación para mejorar tu currículum y tu empleabilidad.
Tutorial para resolver este ejercicio de programación
CSS
Sintaxis
Sintaxis de selectores y propiedades