HTML – Styling Text using CSS

Learning Objectives

In this challenge we are learning how to format text on a web page using a range of CSS properties.

Remember the key syntax for CSS is as follows:

In this challenge we will use various CSS properties such as:

• font-family:
• font-size:
• color:
• font-weight:
• font-style:
• text-decoration:
• text-shadow:

You can learn more about all these CSS properties on w3schools.com.

Video Tutorial

Customising Page Headings

Check the code below to see how we created the following 5 headings. Tweak the code to change the style of your headings and reuse it in your own webpages or CSS stylesheets.

Styling Paragraphs

Check the code below to see how we applied CSS to the <P> tag. Tweak the code to change the style of your paragraphs and reuse it in your own webpages or CSS stylesheets.