jairogarcíarincón
Enunciado
Antes de continuar y como recapitulación de todo lo anterior, te invito a crear una página web que se asemeje lo más posible a la de la siguiente imagen, con las siguientes especificaciones:
Crea una nueva carpeta en Visual Studio Code llamada ejercicio-1 con las siguientes características:
- Debe incluir 3 archivos de tipo html llamados index.html, index_sass.html e index_scss.html.
- Debe incluir tres carpetas llamadas css, sass y scss.
- Dentro de la carpeta css crearemos el archivo style.css.
- Dentro de la carpeta scss crearemos el archivo style_scss.scss.
- Dentro de la carpeta sass crearemos el archivo style_sass.sass.
- Añade los estilos que consideres necesarios a cada archivo correspondiente.
- Cuando guardemos datos en cualquiera de los 2 archivos pre-procesados, comprobarás que se habrán creado archivos asociados en la carpeta correspondiente.
- Referencia a cada html su hoja de estilos css correspondiente.
- Comprueba el resultado de cada html en el navegador.
Solución
La solución al ejercicio la puedes encontrar en el siguiente enlace:
ejercicio-1
El aspecto visual debería ser similar al siguiente (en el caso de CSS puro, en el resto solo cambiará el título)
Publicado el 21 de Noviembre de 2024
csscss3sassscsslesspreprocesadores