1
resposta

[Dúvida] PyCharm x CSS

O CSS não está funcionando no PyCharm 2023.3.4 (Community Edition), o que fazer?

1 resposta

Olá, Renato! Tudo bem?

O problema pode estar relacionado com o caminho do arquivo CSS. No Flask, os arquivos estáticos, como CSS, são geralmente armazenados em uma pasta chamada static.

No trecho de código que você está estudando, o arquivo CSS é referenciado da seguinte maneira:

<link rel="stylesheet" href="../static/bootstrap.css">

No entanto, o Flask tem uma maneira específica de lidar com arquivos estáticos. Você deve usar a função url_for() para referenciar arquivos estáticos. Então, a linha de código acima deve ser alterada para:

<link rel="stylesheet" href="{{ url_for('static', filename='bootstrap.css') }}">

Essa alteração foi feita no trecho de código do template.html que você está estudando. Certifique-se de que essa alteração também esteja nos outros arquivos HTML que você está usando.

Por último, verifique se o arquivo bootstrap.css está realmente na pasta static e se o nome do arquivo está correto.

Espero ter ajudado e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.