Breaking News: Grepper is joining You.com. Read the official announcement!

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

how to link css to html flask

Closely Related Answers

flask link stylesheet

how to add css in flask app

linking custom CSS in flask

link css flask

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.