Difference between revisions of "Using CSS files"
From MyWiki
Line 8: | Line 8: | ||
color: green; | color: green; | ||
} | } | ||
+ | |||
+ | </source> | ||
+ | Then make the greet.html file look like below:<br> | ||
+ | <source lang=html4strict> | ||
+ | {% load static %} | ||
+ | <!DOCTYPE html> | ||
+ | <html lang="en"> | ||
+ | <head> | ||
+ | <title> Hello</title> | ||
+ | <link href="{% static 'hello/styles.css' %}" rel="stylesheet"> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <h1> Hello, {{ name }}!</h1> | ||
+ | </body> | ||
+ | </html> | ||
+ | </source> | ||
</source> | </source> |
Revision as of 17:21, 19 March 2021
In the "hello" folder create a folder called "static" and within it create a folder called "hello"
In this "hello" folder create a file called "styles.css" with the following contents:
h1{ font-family: sans-serif; font-size: 90px; text-align: center; color: green; }
Then make the greet.html file look like below:
{% load static %} <!DOCTYPE html> <html lang="en"> <head> <title> Hello</title> <link href="{% static 'hello/styles.css' %}" rel="stylesheet"> </head> <body> <h1> Hello, {{ name }}!</h1> </body> </html>
</source>