Ejercicio nivel básico sobre selectores CSS

Ejercicio nivel básico sobre selectores CSS

Print Friendly, PDF & Email
Ejercicio nivel básico sobre selectores CSS
Valora esta entrada

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.

Enunciado ejercicio selectores CSS
Enunciado ejercicio selectores CSS

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.

solución ejercicio css en pizarra
Solución ejercicio selectores CSS

¡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:

Ejercicio sobre como ocultar cajas con css mediante visibility y/o display
- 39
Observa de forma práctica la diferencia entre el uso de la propiedad display:none y visibility:hidden. Incluye solución.
Selectores CSS. Que son y como usarlos
- 306
Guía sobre los principales selectores css que existen para llamar a las etiquetas de un documento web.
Mi chuleta de instrucciones CSS para dar formato al texto
- 74
Existen muchas instrucciones para dar formato al texto. Es difícil recordarlas todas. Se resumen principales instrucciones css para dar formato a letras, palabras y párrafos.
Concepto de cascada en CSS
- 294
En CSS existen una serie de normas que dan prioridad a las instrucciones que afectan a cada etiqueta html en función de su importancia, grado de especificidad y orden de aparición. Veámoslo.
Guía rápida para crear botones personalizados con CSS
- 194
Hacemos un repaso rápido a :hover :active y las propiedades box-shadow, border-radius, cursor y background para estilizar botones.
Resumen de propiedades css para hacer tablas con display:table
- 27
El uso de tablas html no está muy bien visto si no es estrictamente para tabular contenidos. Pero también lo podemos hacer mediante display:table de css.
Como centrar un texto mediante CSS y no con HTML
- 879
Hay ocasiones en las que necesitamos centrar un texto pero no hay manera. La forma correcta de hacerlo es mediante CSS.
Ejercicio sobre la propiedad clear:both (float)
- 40
Ejercicio para practicar de una forma muy visual el uso de la propiedad clear:both | left | right; de css cuando se apilan cajas mediante la propiedad float. Incluye solución.
Como poner iconos flotantes de redes sociales en nuestra web con html y css
- 50
Ejercicio css dónde se muestra el código necesario para centrar verticalmente iconos flotantes en el lateral de una página web. Incluye solución.
Escribe los selectores css adecuados en cada caso
- 44
Ejercicio css del curso web ifcd0110 para practicar con los selectores más adecuados a poner en un fragmento de html. Incluye solución.
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.