Visual studio code (Programación)


Arj_7TeInER

Miembro muy activo
Noder
Hola tengo una du da, nose si alguien sabe de programación, si es que si os tengo algo que decir. Cuando yoestoy haciendo una página web desde visual studio code con un index.html y con un style.scss o un index.css, cuando lo tengo ya hecho y le doy a mostrar en la página de chrome no me sale los estilos que he puesto en style.scss o en index.css solo me salen los de index.html si alguien me podría decir como solucionarlo me haría un favor. Gracias.
 

alberto64674yt

< Todo En Esta Vida Son Unos y Ceros />
Noderador
Nodero
Noder
tienes todo en la misma carpeta no? y haces la respectiva referencia en el codigo a la ruta del index.css/style.css dentro del propio index.html?
 
  • Like
Reacciones : ElKNoPagaPorNa

Dark

🔥root313🔥
Staff
Moderador
Paladín de Nodo
Jinete de Nodo
Burgués de Nodo
Noderador
Nodero
Noder Pro
Noder
Hola tengo una du da, nose si alguien sabe de programación, si es que si os tengo algo que decir. Cuando yoestoy haciendo una página web desde visual studio code con un index.html y con un style.scss o un index.css, cuando lo tengo ya hecho y le doy a mostrar en la página de chrome no me sale los estilos que he puesto en style.scss o en index.css solo me salen los de index.html si alguien me podría decir como solucionarlo me haría un favor. Gracias.
estructura de la carpeta:
CARPETA
Directori - css (style.css dentro de esa carpeta)
index.html

en el index.html pones esto:
<head>
<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>

(Añade la etiqeuta esa de link en la de head, da igual lo que tengas puesto, añadelo y ya)
 

ElKNoPagaPorNa

Miembro muy activo
Hola tengo una du da, nose si alguien sabe de programación, si es que si os tengo algo que decir. Cuando yoestoy haciendo una página web desde visual studio code con un index.html y con un style.scss o un index.css, cuando lo tengo ya hecho y le doy a mostrar en la página de chrome no me sale los estilos que he puesto en style.scss o en index.css solo me salen los de index.html si alguien me podría decir como solucionarlo me haría un favor. Gracias.
Es posible que haya varias razones por las que los estilos de tu archivo SCSS o CSS no se estén aplicando a tu página web. Algunas posibles soluciones son:

  1. Asegúrate de que hayas incluido un enlace al archivo css en el archivo HTML. Sino lo tienes, debes usar la etiqueta <link> en el <head> de tu archivo HTML para vincular a tu archivo css, por ejemplo:
    1. <head>
      1. <link rel="stylesheet" href="style.css">
    2. </head>
  2. Asegúrate de que la ruta al archivo de estilos es correcta. Verifica que la ruta especificada del<link> sea correcta y que el archivo de estilos (tu archivo css) esté en el lugar correcto.
  3. Asegúrate de que no haya errores de sintaxis en tu archivo css. Abre el archivo css y comprueba que no haya errores de sintaxis que puedan estar impidiendo que se aplique.
  4. Verifica si hay algún problema con el navegador. A veces (muy raramente), el navegador puede tener problemas para cargar correctamente el css. En este caso, prueba a recargar la página o a limpiar la caché del navegador.
  5. Verifica si hay algún problema con el archivo de css. Si el css está dañado o tiene algún problema, es posible que no se aplique. En este caso, prueba a crear un nuevo archivo de css y a copiar y pegar el contenido del archivo antiguo para ver si se soluciona el problema.

Espero haber sido de ayuda, un saludo.
 

anguloso

5g causa cancer
Jinete de Nodo
Burgués de Nodo
Noderador
Nodero
Noder
una buena practica suele ser enlazar los archivos ada mas crearlos <link rel="stylesheet" href="style.css">, y lo mismo con el java script solo que seria <script type="text/javascript" src="script.js"></script>,
 
  • Like
Reacciones : Dark

Arj_7TeInER

Miembro muy activo
Noder
tienes todo en la misma carpeta no? y haces la respectiva referencia en el codigo a la ruta del index.css/style.css dentro del propio index.html?
una buena practica suele ser enlazar los archivos ada mas crearlos <link rel="stylesheet" href="style.css">, y lo mismo con el java script solo que seria <script type="text/javascript" src="script.js"></script>,
Es posible que haya varias razones por las que los estilos de tu archivo SCSS o CSS no se estén aplicando a tu página web. Algunas posibles soluciones son:

  1. Asegúrate de que hayas incluido un enlace al archivo css en el archivo HTML. Sino lo tienes, debes usar la etiqueta <link> en el <head> de tu archivo HTML para vincular a tu archivo css, por ejemplo:
    1. <head>
      1. <link rel="stylesheet" href="style.css">
    2. </head>
  2. Asegúrate de que la ruta al archivo de estilos es correcta. Verifica que la ruta especificada del<link> sea correcta y que el archivo de estilos (tu archivo css) esté en el lugar correcto.
  3. Asegúrate de que no haya errores de sintaxis en tu archivo css. Abre el archivo css y comprueba que no haya errores de sintaxis que puedan estar impidiendo que se aplique.
  4. Verifica si hay algún problema con el navegador. A veces (muy raramente), el navegador puede tener problemas para cargar correctamente el css. En este caso, prueba a recargar la página o a limpiar la caché del navegador.
  5. Verifica si hay algún problema con el archivo de css. Si el css está dañado o tiene algún problema, es posible que no se aplique. En este caso, prueba a crear un nuevo archivo de css y a copiar y pegar el contenido del archivo antiguo para ver si se soluciona el problema.

Espero haber sido de ayuda, un saludo.
estructura de la carpeta:
CARPETA
Directori - css (style.css dentro de esa carpeta)
index.html

en el index.html pones esto:
<head>
<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>

(Añade la etiqeuta esa de link en la de head, da igual lo que tengas puesto, añadelo y ya)
Muchas gracias por la ayuda, ya lo solucioné
 
  • Like
Reacciones : Dark