jairogarcíarincón

Ejercicio 1


1.04K

Ejercicio 1

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, similares al index.html que se muestra a continuación y a los que debes cambiar el texto Ejercicio 1 CSS puro por el tipo de CSS utilizado en cada caso (SASS y SCSS, respectivamente).

  • 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.

Archivo index.html de ejemplo para css puro:



Se adjunta una imagen de cómo debería ser la solución el caso de CSS puro (en el resto, a nivel visual solo cambiaría el título):


Publicado el 21 de Mayo de 2022

csscss3sassscsslesspreprocesadores