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:
::before y ::after tienen muchos usos interesantes para dar estilos en nuestros documentos web. Este conocimiento te puede ayudar por ejemplo a estilizar listas html
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.
Ejercicio en que se practica con la llamada e implementación de tipografías css desde distintos recursos web. Incluye solución.
Ejemplo de menú horizontal con submenú desplegable horizontal mediante CSS. Incluye archivo descargable.
Si no te atrae la idea de usar list-style-image para decorar listas, entonces puedes hacerlo con ::before y el uso de iconos de fontawesome.
Maquetar con display:table; tiene ventajas frente a las tablas html. A modo de ejercicio se propone una tabla de servicios. Incluye solución.
No Comments