Using CSS files

From MyWiki
Revision as of 17:22, 19 March 2021 by George2 (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

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>