Ejercicio nivel básico sobre selectores CSS

26 Feb Ejercicio nivel básico sobre selectores CSS

Publicado a las 07:30h en Ejercicios CSS, Tutorial CSS. Aprende a decidir como se visualizarán tus páginas web. por Francesc Ricart 0 Comentarios

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.

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

Ejercicio nivel básico sobre selectores CSS

26 Feb Ejercicio nivel básico sobre selectores CSS

Enunciado

Solución del ejercicio

Entradas relacionadas:

Francesc Ricart

No hay comentarios

Escribir un comentario