Laboratorio 3: CSS

Descripción

En esta actividad se hará un repaso sobre CSS.

Modalidad

Individual.

Objetivos de aprendizaje
  • Comprender el funcionamiento de las hojas de estilo en cascada
  • Aplicar los 3 niveles de estilos (en línea, documento y externo)
  • Aplicar los diferentes tipos de selectores (genéricos, de clase, id, universales y pseudo clases)
  • Explorar las propiedades de fuentes, listas y texto
  • Comprender el modelo de caja (The Box Model)
  • Aprender a separar la presentación del contenido en documentos HTML
Instrucciones
  • Revisa la presentación CSS.
  • Crea un CSS externo y agrégalo al documento(s) que elaboraste en el laboratorio de html para agregarle una buena presentación a tu sitio.
  • El CSS debe contener al menos un estilo definido con cada uno de los selectores y el estilo debe ser aplicado al documento. Puedes utilizar como guía o o ayudarte de algunos de los sitios web que se enlistan en la sección de Recursos, o en algún otro sitio.
    • Asegúrate que tus documentos HTML no tengan estilos en línea.
  • Para un mejor rendimiento de tu sitio, crea una versión minimizada de tu CSS y enlázala a tu sitio en lugar del CSS que acabas de crear. Puedes apoyarte de herramientas como http://cssminifier.com/
  • Agrega las preguntas con sus respectivas respuestas en el documento HTML
Preguntas a responder
  • Como ingeniero de software ¿cuál es tu recomendación sobre el uso de !important en un CSS? 
  • Si se pone una imagen de fondo en una página HTML, ¿por qué debe escogerse con cuidado?
  • Como ingeniero de software, ¿cuál es tu recomendación al elegir las unidades de un propiedad de estilo entre %, px y pt?
  • ¿Por qué el uso de una versión minimizada del CSS mejora el rendimiento del sitio?
Especificaciones de entrega

A través de tu repositorio personal (Bitbucket o GitHub)