articulo

Ejercicios básicos de hojas de estilo en cascada

La siguiente serie de ejercicios permitirá familiarizar al lector con las hojas de estilo en cascada, a continuación se desglosa los ejercicios:

  1. La empresa recicla S.A de S.V ha extraviado su archivo css donde contenía una regla importante que permite cambiar el color de fondo de la página a verde claro. Este fichero debe de estar enlazado con el html.
  2. Una de las filiales de la empresa recicla requiere que se agregue una clase con el nombre de “destacado” a un elemento en su página HTML, como un encabezado o un párrafo. Se sugiere, que se agregue una regla CSS para cambiar el color de fondo de cualquier elemento con la clase “destacado” a amarillo.
  3. La filial de Toronto de la empresa recicla necesita que se agregue un identificador llamado “titulo” a un elemento en su página HTML, como un encabezado. Se sugiere, agregar una regla CSS para cambiar el tamaño de fuente del elemento con el identificador “titulo” a 24px.
  4. Una sucursal de la empresa recicla necesita que se agregue una regla CSS para dar estilo a todos los elementos de enlace en tu página HTML. Se sugiere que se cambie el color del texto de los enlaces a azul y establece la decoración de texto a subrayado.
  5. El maquetador web de la empresa recicla, necesita de tu ayuda para agregar una regla CSS que permita dar estilo a un elemento de lista desordenada. Se sugiere que se cambie el estilo de marcador de la lista desordenada a un círculo relleno y cambia el color del texto de los elementos de lista a verde.
  6. EL diseñador gráfico de la empresa recicla, debe de tener la siguiente regla de hojas de estilo debe dar estilo a una tabla en su página HTML. Se sugiere que se cambie el color de fondo de las celdas de la tabla a gris claro y establece el borde de la tabla a 1px sólido de color negro.

Se espera que estos ejercicios brinde al lector una mejor relación con las hojas de estilo en cascada y su uso con el lenguaje de marcado html.

Leave a Reply

Your email address will not be published. Required fields are marked *