Подключение css

Question

Делаю свои первые попытки в создание "сайта" на python + flask. Требования к дизайну самые минимальные, однако возникла проблема с подключением CSS. Создал файл main.css, прописал в нем

body {
    background-color: blue;
}

Однако при попытке подключить его возникает странность: ничего не работает, а vs code предлагает создать новый файл в "\project2020\templates{{ url_for('static', filename='static/css", под именем " main.css') }} " Основной файл (index.html) выглядит так:

<!DOCTYPE html>
<html lang = ru>
    <head>
        <meta charset="UTF-8">
        <title>Pulp fiction homepage</title> 
        <link rel="stylesheet" href="{{ url_for('static', filename='static/css/main.css') }}">
    </head>
    <body>
        <header>
            <H1>Книжный магазин "pulp fiction"</H1>
        </header>
        <div>
          <a href="catalog.html"> Перейти в каталог</a>
        </div> 
        <div>
            <a target="_blank" href="map.html"> Доставка</a>
          </div> 
        <footer>

        </footer>
    </body>
</html>

В чем может быть проблема, как ее исправить и что прочитать чтобы максимально быстро запустить это все в связке с postgresSQL и забыть о своей дизайнерской импотенции?

Answer 1

Берете и вставляете вместо <link rel="stylesheet" href="{{ url_for('static', filename='static/css/main.css') }}"> , это:

<link rel="stylesheet" href="main.css" />

Answer 2

неправельно: < link rel="stylesheet" href="{{ url_for('static', filename='static/css/main.css') }}">

правельно: < link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">

-static

--css-->main.css

БЛОГ НА HUSL

Подключение css

Ответы (2 шт):