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:
Las propiedades que controlan los estados de un enlace son :link, :visited, :hover, :active en este orden. Se muestra un ejemplo de uso para hacer un botón.
Código CSS explicado paso a paso para crear un menú horizontal con un sub menú vertical. Apuntes de alumno IFCD0110 tutorial CSS.
Ejercicio CSS en el que a partir de una hoja html dada se pide separar al máximo html y css en hojas separadas. Incluye solución.
Apuntes de alumno y ejemplos de como usar la propiedad float y clear. Esta publicación forma parte del "tutorial css - apuntes de clase"
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.
No Comments