26 Feb Ejercicio nivel básico sobre selectores CSS
Vamos a practicar el uso de selectores CSS. ¿Como saber cuales usar?
Este ejercicio es una práctica de nivel básico para empezar a practicarlos.
Es la continuación de este otro.
Los conceptos que necesitas tener claros son:
Entremos en materia.
Enunciado
La imagen adjunta representa un documento html.
Escribe los selectores adecuados que nos permiten identificar las etiquetas html subrayadas en naranja.
Solución del ejercicio
La propuesta a continuación es una de las muchas soluciones posibles.
La encontréis manuscrita en la imagen a continuación.
¡Hola!
Querido lector,
Siempre que me puedo me encanta escribir en la pizarra.
Os obliga a coger boli y papel y a interiorizar los lenguajes web.
Espero que este ejemplo te haya sido de ayuda para practicar con los selectores CSS.
¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!
Entradas relacionadas:
Se muestran dos soluciones simples que usan exclusivamente CSS para el conocido reto de terminar un contenido con 3 puntos suspensivos. "..."
Ejercicio css dónde se calcula el width real de dos cajas con y sin box-sizing y el espacio real ocupado. Incluye solución.
Código css para ilustrar la diferencia entre el uso de visibility:hidden; y display:none; . Incluye ejemplo visual.
Ejercicio para practicar con la propiedad box-shadow de css. Incluye solución.
Dado un mismo código html como crearíamos columnas en un documento web utilizando floats versus haciéndolo con inline-block;
Las propiedades shorthand son muy útiles. En esta entrada aprenderás una forma práctica de recordar el significado de las abreviaciones para border, margin y padding.
No Comments