Ejercicio de programación con CSS: Sintaxis

Código

Práctica

0h 15m

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.

Empezar ejercicio de programación

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

Flexbox en Tailwind CSS

Contenedores y columnas en Tailwind CSS

Propiedades de posicionamiento

Clases de bordes de Tailwind CSS

Hover, focus y estado de Tailwind CSS

Metodologías de escritura CSS: BEM, SMACSS, OOCSS

Clases de colores y fondo de Tailwind CSS

Animaciones y transiciones

Introducción a CSS

Selectores avanzados

Sintaxis básica

Página web completa con Bootstrap

Estilos de fuente

Sintaxis avanzada

Clases de tamaño de Tailwind CSS

Diseño responsive con media queries

Instalación de Tailwind CSS

Tipografía y fuentes en Tailwind CSS

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.

Programación con CSS

2h 30m

Frontend básico con HTML, CSS y JavaScript

5h 0m

Frontend avanzado: HTML, CSS, JS, TS, Angular

10h 0m

Full Stack con Spring Boot y Angular

30h 0m

Full Stack con NestJS y Angular

20h 0m

Frontend con Bootstrap CSS

5h 30m

Frontend con Tailwind CSS

6h 0m

Tutorial para resolver este ejercicio de programación

CSS

Sintaxis

Sintaxis de selectores y propiedades

Otros tutoriales de programación con CSS

Introducción A Css

Introducción Y Entorno

Selectores Básicos

Sintaxis De Selectores Y Propiedades

Herencia Y Cascada

Sintaxis De Selectores Y Propiedades

Pseudo-clases Y Pseudo-elementos

Sintaxis De Selectores Y Propiedades

Estilos De Fuente

Estilización De Texto Y Fondo

Propiedades De Texto

Estilización De Texto Y Fondo

Sombras En Texto Y Cajas

Estilización De Texto Y Fondo

Propiedades De Fondo

Estilización De Texto Y Fondo

Modelo De Caja

Modelo Caja Y Posicionamiento

Propiedades De Posicionamiento

Modelo Caja Y Posicionamiento

Propiedad 'Display'

Modelo Caja Y Posicionamiento

Elementos 'Float' Y 'Clear'

Modelo Caja Y Posicionamiento

Flexbox Para Crear Layouts Y Estructuras

Flexbox Y Grid

Css Grid Para Crear Layouts Y Estructuras

Flexbox Y Grid

Animaciones Y Transiciones

Técnicas Modernas Y Metodologías

Variables En Css

Técnicas Modernas Y Metodologías

Diseño Responsive Con Media Queries

Técnicas Modernas Y Metodologías

Metodologías De Escritura En Css

Técnicas Modernas Y Metodologías

Introducción A Tailwind Css

Introducción Y Entorno