how to link css to html flask

FXbiker answered on July 21, 2020 Popularity 9/10 Helpfulness 4/10

answer how to link css to html flask

how to link css to html flask

Comment

#link it in html

<link rel= "stylesheet" type= "text/css" href= "{{url_for('static', filename='styles/styles.css') }}">

#place a config for your app so that browser doesn't store cashe, if this doesn't update your css clear browser cash for last {x} hours
if __name__ == '__main__':
    app.config['SEND_FILE_MAX_AGE_DEFAULT'] = 1
    app.run()

#make sure that your directory looks something like this...
|root|
MainFileWithFlaskProgram.py

	|static|
		|styles|
			styles.css

	|templates|
		YourHTMLFile.html

Popularity 9/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: css flask html

Link to this answer
Share Copy Link

Contributed on Apr 06 2022

FXbiker

0 Answers Avg Quality 2/10

Closely Related Answers

flask link stylesheet

Comment

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

Popularity 10/10 Helpfulness 10/10 Language python

Source: pythonhow.com

Tags: flask flas

Link to this answer
Share Copy Link

Contributed on Jul 21 2020

Pixels_128

0 Answers Avg Quality 2/10

how to add css in flask app

Comment

<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/mainpage.css') }}">

Popularity 10/10 Helpfulness 10/10 Language css

Source: stackoverflow.com

Tags: add

Link to this answer
Share Copy Link

Contributed on Sep 29 2020

Smoggy Sloth

0 Answers Avg Quality 2/10

linking custom CSS in flask

Comment

{% block styles %}
{{super()}}
<link rel="stylesheet"
      href="{{url_for('.static', filename='mystyle.css')}}">
{% endblock %}

Popularity 9/10 Helpfulness 5/10 Language python

Source: pythonhosted.org

Tags: css

Link to this answer
Share Copy Link

Contributed on Jun 05 2021

Annoyed Alpaca

0 Answers Avg Quality 2/10

link css flask

Comment

<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='stylesheets/style.css') }}" />
# Put stylesheet in projectroot/static/stylesheets/style.css

Popularity 8/10 Helpfulness 5/10 Language html

Source: stackoverflow.com

Tags: css flask fl

Link to this answer
Share Copy Link

Contributed on Sep 26 2023

Elegant Eel

0 Answers Avg Quality 2/10

how to link css to html flask

Contents

More Related Answers