Propósito

• Conocer la sintaxis del lenguaje CSS
• Aprender a enlazar una hoja de estilos desde un fichero HTML
• Conocer algunos selectores y propiedades CSS

Descripción de la tarea

Tu objetivo es reproducir lo más fielmente posible la web de la imagen de la cabecera de este post aplicando estilos CSS a tu fichero ikigai.html elaborado en la tarea primeros pasos HTML.

Ten en cuenta también el estilo necesario para conseguir que los enlaces del menú cambien de apariencia cuando coloquemos el puntero encima.

Recuerda que una vez escrito tu código es recomendable repasar para simplificarlo, corregir pequeños errores y en definitiva mejorar su lectura para futuros mantenimientos.

Sube tu fichero al repositorio de GitHub del proyecto ikigai.

Entrega

Enlace al repositorio de Github que contenga los ficheros .css y .html

Criterios de evaluación

• Se ha enlazado el fichero .css correctamente.
• Conoce la sintaxis CSS.
• Se ha usado el selector universal.
• Se ha usado algún selector de etiqueta.
• Se ha usado alguna unidad relativa como px o rem adecuadamente.
• Se han usado otros selectores.
• Se ha configurado la imagen flotante mediante CSS.
• Se han usado propiedades CSS para establecer el estilo de fuente (tipo, color, tamaño, grosor,etc.)
• Se han definido un margen entre los elementos con la propiedad CSS margin.