Add some style

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; }
• p is the selector — which tags to change (here, every paragraph).
• color is the property — what to change.
• blue is the value — what to change it to. (Together, color: blue; is one declaration.)

<style>
  p { color: blue; }
</style>
<p>Now I am blue.</p>
<p>So am I!</p>

Common mistakes

• Link the CSS file, or put rules inside a <style> block.
• Each CSS rule ends with a semicolon ;.

Now you try

• Write your rules inside the <style> block.
• Colour your paragraphs, then your heading.