CSS Code:
body{ background-color: gray;}
p { color: blue; }
h3{ color: white; }
Now save the file as a CSS (. css) file. Make sure that you are not saving it as a text (. txt) file, as notepad likes to do by default. Name the file "test. css" (without the quotes). Now create a new HTML file and fill it with the following code.
HTML Code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="test. css" />
</head>
<body>
<h3> A White Header </h3>
<p> This paragraph has a blue font.
The background color of this page is gray because
we changed it with CSS! </p>
</body>
</html>
Then save this file as "index. html" (without the quotes) in the same directory as your CSS file. Now open your HTML file in your web browser and it should look something like this. .
