Ejercicios CSS
En esta sección encontrarás los enunciados y ejercicios resueltos del tutorial css que uso como material de soporte complementario para mis formaciones del curso de confección y publicación de páginas web.
En todos los ejercicios encontrarás referencias a las publicaciones necesarias para poderlas resolver.
Tabla de contenidos
Ejercicios CSS nivel básico
- Separar el css de un html
- Uso de selectores I
- Uso de selectores II
- Uso de selectores III
- Suplanta etiquetas html con css
- Forzar y romper la herencia.
- Prioridad de etiquetas. ¿Cómo se visualizará?
- Unidades relativas. ¿Cómo pasará a verse el documento web?
- Escalera de colores.
- Equivalencia entre web safe colors, rgb, rgba y hexadecimal
- Uso de tipografías web.
- Creación de logotipos
- Ejercicio dimensiones reales de cajas.
- ¿Qué tipo de etiqueta es? ¿Bloque, en línea o en línea-bloque?
- Hacer banderas con gradientes.
- Diferencia entre centrado de texto y centrar cajas con css.
- Centrado vertical de un contenido.
- Ejercicio con box-shadow
- Pseudoclases de los enlaces
- Botones web
- Corrige los errores
- ¿Qué tipo de posicionamiento he usado? Preguntas test
- Creación de una landing page de web en mantenimiento
- Poner iconos sociales flotantes en el lateral de una web
- Maquetar con float:left; o con display:inline-block;
- ¿Cuál es la utilidad de clear:both?
- Practicar con visibility:hidden; y display:none;
- Tabla de servicios con display:table
- Estilizar un formulario web
- Mostrar un número de teléfono responsive en una ubicación distinta si es desktop o smartphone
Exámenes test css
Todavía no he publicado ninguno