Add some style
Handout
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version.
Adding style
- HTML gives your page its content. CSS makes it look good.
- The easiest way to add CSS is a
<style>block near the top of your page. - Inside it, you write rules that change how things look.
A CSS rule
- A rule has three parts:
p { color: blue; } pis the selector — which tags to change (here, every paragraph).color: blue;is the declaration — what to change, and to what.
<style>
p { color: blue; }
</style>
<p>Now I am blue.</p>
<p>So am I!</p>
Now you try
- Write your rules inside the
<style>block. - Colour your paragraphs, then your heading.
Make every paragraph blue. Inside the <style> block, add the rule p { color: blue; }.
Now colour the heading too. Add a rule h1 { color: red; }.