Для того чтобы подключить CSS файл во Flask, вам необходимо выполнить несколько шагов.
- Создайте папку для хранения статических файлов (например,
static
) в корневой директории вашего проекта Flask.
- В этой папке создайте подпапку для CSS файлов (например,
css
) и поместите туда ваши CSS файлы.
- В вашем HTML файле, в который вы хотите подключить CSS, используйте специальный тег
<link>
для подключения стилевого файла. Например:
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/style.css') }}">
где style.css
- это ваш CSS файл, а путь css/
указывает на папку с CSS файлами.
- Обратите внимание, что вместо прямого указания пути к CSS файлу, мы используем функцию
url_for
, которая автоматически создает URL до статических файлов. Это делает ваше приложение более гибким и переносимым.
- Важно убедиться, что вы правильно сконфигурировали Flask, чтобы он знал, где искать статические файлы. Для этого укажите папку с вашими статическими файлами в конфигурации приложения Flask:
app = Flask(__name__, static_url_path='/static')
После выполнения этих шагов, ваш CSS файл должен успешно подключиться к вашему HTML файлу во Flask.