1
resposta

CSS em arquivos separados

Na aula, o professor insere o código CSS dentro no head do site, dentro da tag style, contudo, em casos onde o código CSS é maior, fica inviável colocar todo o código CSS dentro do arquivo HTML.

Tentei segregar o arquivo CSS e importá-lo para o html, porém não consegui, independentemente da pasta na qual eu colocava o arquivo, no site dava erro 404 pro arquivo CSS, sendo que na IDE eu consigo me direcionar até ele (Pelo link no código).

Pastas na qual tentei salvar:

src/main/resources/templates src/main/resources/templates/static (Já veio essa pasta static) src/main/resources/templates/static/css (Eu criei a pasta css)

Como posso realizar esse processo?

Não sei se influencia, mas estou utilizando o Intellij Ultimate.

1 resposta

Oie Iago, tudo bem contigo?

Perdão pela demora!

Você terá que usar uma tag especial do thymeleaf para fazer o import do css para o html que é a th:href. Passando para o código ficaria assim:

    <link th:href="@{/css/estilo.css}" rel="stylesheet" />

Veja se fazendo assim você consegue!

Qualquer coisa estarei por aqui :)

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software