Quando crio por exemplo uma pasta chamada butons onde coloco as figuras que estarao em meus botoes no projeto essa pasta está dentro do web-inf claro, quando eu compilar ela cria sozinha uma pasta .css ou eu tenho que criar clicando com o direito em cima de butons -> new -> Other ->web -> css ?
Porque colocar as imagens dentro do WEB-INF?
Você pode deixar fora do WEB-INF e linkar sua imagem direto ao seu HTML.
Caso você queira usar CSS (o que é o correto), você pode (e deve), separar os seus arquivos .css dentro de um diretorio, porém eles NÃO devem ficar dentro do WEB-INF, senão o seu HTML não terá acesso para acessar eles diretamente.
Quando você “compilar” (essa foi feia, o ideal seria interpretar) o seu HTML, ao invés de aparecer o código CSS, irá aparecer apenas a referencia para o arquivo .css.