Adding css to Java Server Faces (JSF)

I'm trying to add styles in JSF using css, but I try to open the xhtml, it won't recognize the style.
I've been searching how to do it and I found this:



<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html">
<h:head>
<title>Hello</title>
<h:outputStylesheet library="css" name="style.css" />
</h:head>
<h:body>
<div>
<h1>Hello</h1>
</div>
<div>

</div>
</h:body>
</html>


And as I understood I have to create my css file in the next folder:



WebPage
|_WEB-INF
|_resources
|_css
|_style.css


I'm using Netbeans 8.0.2 and JSF 2.2



With the last changes I got this:



<h:head> 
<h:outputStylesheet name="./css/style.css"/>
</h:head> <h:body>
</h:body>
<style type="text/css"></style></html>


Answers

Open developer tools in your browser and load the page, if you get a 404 for style.css then take a look at the answer provided by Sebastián Ulloa



Answers

Can you try moving this line



<h:outputStylesheet library="css" name="style.css" />


Just after body tag like this:



<h:body>
<h:outputStylesheet library="css" name="style.css" />
...
</h:body>