CSS Templates
See a sample of CSS Template and How to CSS implemented on the body, text (headings, paragraphs) of the HTML document:
HTML document template
<!DOCTYPE html>
<html>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
<html>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
CSS document template
body
{
background-color: lightblue;
}
h1 {
color: red;
font-family: arial;
}
p {
color: green;
font-size: 20px;
}
background-color: lightblue;
}
h1 {
color: red;
font-family: arial;
}
p {
color: green;
font-size: 20px;
}
Result after implementing CSS template on HTML:
This is a heading
This is a paragraph.
This is a paragraph.
Read more about CSS Basics Templates CSS types and how to use them.
Note
You will see how to implement internal and external CSS in HTML in the next tutorial.