25 Feb Escribe los selectores css adecuados en cada caso
Uno de los pilares fundamentales del CSS es ser capaz de seleccionar cualquier etiqueta del documento web para poder describirla y aplicar instrucciones CSS.
La herramienta que lo hace posible son los selectores CSS.
Este ejercicio es una práctica de nivel básico para empezar a practicarlos.
Te sugiero leer esta entrada dónde se explica la teoría y encontrarás ejemplos de los selectores más comunes.
Para resolver el ejercicio también te ayudará esta entrada sobre especificidad y prioridad de selectores.
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
Para cada etiqueta es posible escribir muchos selectores con más o menos especificidad (prioridad).
Saber que escribir es una duda frecuente cuando se está aprendiendo.
No es conveniente ser demasiado genéricos ni demasiado específicos.
Lo mejor es dejarse llevar por el sentido común y no tener miedo a equivocarse. ¡Hay que practicar!
Mi propuesta es por tanto una de las muchas soluciones posibles.
La encontréis manuscrita en la imagen a continuación.
¡Hola!
Querido lector,
Habrás notado que me encanta escribir en la pizarra.
Espero que este ejercicio 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:
¿Problemas para memorizar colores hexadecimales? Vemos un ejemplo de como usar las variables de css3 para definir los colores de un proyecto web.
Numerar listas css es como con el Word es posible gracias a la propiedad counter(). Veamos un ejemplo de uso.
Ejemplo dónde se plantean dos estrategias distintas para dar estilos a un en menú horizontal. La primera con inline-block. La segunda con float.
Escribir CSS es fácil. Es un lenguaje que no tiene sorpresas. En esta entrada se explica como se escribe una instrucción CSS.
Resumimos los principales factores que deberemos tener en cuenta desde el punto de vista de alguien que ha estudiado un curso de confección y publicación de páginas web para la optimización y mejora d...
Ejemplo de como centrar horizontalmente una caja o contenedor en una página web y mediante CSS.
No Comments