CSS Ejercicios
Mejora tus habilidades en Hojas de Estilo en Cascada (CSS) a través de una serie de ejercicios prácticos. Esta colección de desafíos está diseñada para poner a prueba y mejorar tu comprensión de los conceptos fundamentales de CSS. Cada ejercicio presenta un problema de estilo del mundo real, permitiéndote aplicar tus conocimientos de selectores, propiedades, modelos de diseño como Flexbox y Grid, y principios de diseño responsivo. Resuelve estas tareas de codificación para construir confianza y dominio en el estilo de páginas web.
Descubrir categorías
TodoLinuxDevOpsCiberseguridadDevOps EngineerCybersecurity EngineerDevSecOpsKali LinuxRed Hat Enterprise LinuxFormación RHCSAFormación RHCE in Enterprise LinuxFormación LFCSShellGitCloudflareDockerKubernetesFormación CKAFormación CKADFormación CKSAnsibleFormación RHCE in AnsibleJenkinsNmapWiresharkHydraCompTIABase de datosMySQLPostgreSQLRedisMongoDBSQLitePythonGolangJavaCC++Desarrollo webCiencia de datos
Tu primer laboratorio de CSS
Hola, bienvenido a LabEx. En este primer laboratorio, aprenderás el clásico programa 'Hello, World!' en CSS.
LabCSS
Cubo 3D en Rotación
En este laboratorio, crearemos un cubo 3D en rotación utilizando HTML y CSS. Este cubo tendrá caras coloridas y girará infinitamente, creando un efecto visualmente atractivo. Lo guiaremos a través de cada paso del proceso para ayudarlo a construir este proyecto desde cero.
LabCSS
Animaciones y transiciones
En el bullicioso mundo de 'Pet's House', un santuario virtual para los amantes de las mascotas, Taylor, un creativo diseñador web, emprende un viaje para infundir vida en el sitio web.
LabCSS
Conceptos básicos y selectores de CSS
En este laboratorio, te pondrás en los zapatos de un desarrollador web encargado de crear un sitio web elegante para un servicio de mascotas utilizando técnicas y selectores fundamentales de CSS.
LabCSS
Modelo de Caja CSS y Márgenes
En el bullicioso panorama digital de 'Pet's House', un sitio web dedicado a ofrecer servicios premium de cuidado de mascotas, nuestro protagonista, Jordan, un talentoso desarrollador web, se encarga de mejorar la disposición y el diseño del sitio.
LabCSS
Sitio web de Casa de Mascotas Responsivo con Flexbox
En la bulliciosa ciudad de Petville, Jordan, un desarrollador web, tiene la tarea de rediseñar el sitio web 'Casa de Mascotas'.
LabCSS
Presentación de servicios para mascotas con CSS Grid
En 'La Casa de las Mascotas', un mundo virtual para los entusiastas de las mascotas, Alex, un desarrollador web, emprende la búsqueda de renovar la presentación de sus servicios utilizando CSS Grid.
LabCSS
Mejora del seguidor de finanzas personales
En este Laboratorio, la jornada de Alex en el desarrollo del seguidor de finanzas personales entra en una etapa avanzada, centrándose en mejorar la interactividad de la aplicación a través de técnicas sofisticadas de manejo de eventos. La escena se desarrolla en una sesión de sesiones de idea generación en la startup tecnológica, donde Alex propone agregar una característica de arrastrar y soltar para reordenar los registros financieros. Esta ambiciosa meta tiene como objetivo brindar a los usuarios una forma intuitiva de organizar sus registros, reflejando la naturaleza fluida de la gestión de finanzas personales. Lograr esto requiere que Alex explore los eventos DOM avanzados y manipule los elementos de una manera que sea atractiva visualmente y amigable para el usuario.
LabCSS
Modelo de Caja CSS
En este laboratorio, aprenderás los fundamentos del Modelo de Caja CSS, incluyendo contenido, padding, borde y margen, y cómo controlar el dimensionamiento de elementos con box-sizing.
LabCSS
Colores y Fondos CSS
En este laboratorio, aprenderás a estilizar elementos de páginas web aplicando diversas propiedades CSS de color y fondo, incluyendo la configuración de colores, la adición de imágenes y el control de su posición y repetición.
LabCSS
Introducción y Enlace de CSS
En este laboratorio, aprenderás los conceptos básicos de CSS, incluyendo cómo crear una hoja de estilos externa y enlazarla a un documento HTML para cambiar la fuente de la página.
LabCSS
Fundamentos de Selectores CSS
En este laboratorio, aprenderás los fundamentos de los selectores CSS, incluyendo selectores de elemento, clase, ID, agrupación y descendientes para dar estilo a elementos HTML.
LabCSS
Estilo de Texto CSS
En este laboratorio, aprenderás los fundamentos del estilo de texto CSS, incluyendo cómo establecer el color del texto, tamaño de fuente, grosor de fuente, alineación y altura de línea.
LabCSS