ruta relativa al archivo CSS

Tengo una carpeta css en la raíz de mi aplicación web Java. Mi statement de importación se ve así:

 

El estilo no se está aplicando, así que supongo que la ruta al directorio css no se está especificando correctamente. ¿Cómo especifico que el directorio css está en la raíz de la carpeta Proyecto?

Mi carpeta de proyecto contiene:

 build css dist nbproject src web build.xml 

La página html que estoy viendo es index.html, y la URL que se muestra es localhost: 8080 / ServletApp /

Fondo

Absoluto : el navegador siempre interpretará / como la raíz del nombre de host. Por ejemplo, si mi sitio era http://google.com/ y especifiqué /css/images.css , buscaría eso en http://google.com/css/images.css . Si la raíz de su proyecto estaba en /myproject/ no encontraría el archivo css. Por lo tanto, debe determinar dónde está la raíz de su carpeta de proyecto en relación con el nombre de host y especificar eso en su notación href .

Relativo : si desea hacer referencia a algo que sabe que está en la misma ruta en la url, es decir, si está en la misma carpeta, por ejemplo, http://mysite.com/myUrlPath/index.html y http://mysite.com/myUrlPath/css/style.css , y usted sabe que siempre será así , puede ir en contra de la convención y especificar una ruta relativa al no colocar una línea delante / delante de su ruta, por ejemplo, css/style.css .

Notaciones del sistema de archivos : Además, puede usar notaciones estándar del sistema de archivos como .. Si lo hace http://sofes.miximages.com/css/myImage.png , sería lo mismo que http://google.com/images/myImage.png . Si desea hacer referencia a algo que está en un directorio arriba de su archivo, use ../myFile.css .


Su caso específico

En tu caso, tienes dos opciones:

El primero será más concreto y compatible si cambia las cosas, sin embargo, si planea mantener el archivo en la misma ubicación y planea eliminar / ServletApp / parte de la URL , entonces la segunda solución es mejor.

Tienes que mover la carpeta css a tu carpeta web . Parece que su carpeta web en el disco duro es igual a la carpeta /ServletApp como se ve en www. No se puede acceder a otro contenido que no sea dentro de su carpeta web desde los navegadores.

La url del enlace CSS es entonces

   

si el archivo que contiene esa etiqueta de enlace está en el directorio raíz del proyecto, entonces la ruta correcta sería “css / styles.css”