If HTML can be considered the 'skeleton' of an animal, then CSS (in full: Cascading Style Sheets) is the skin of the creature.

In this course, you will learn to how to apply cascading style sheets and differentiate between inline, embedded and external styles.

Lesson 1 of 15: Learning Objectives

By the end of this course, you will learn how to

• apply Cascading Style Sheets (CSS) and
• differentiate between inline, embedded and external styles.

Lesson 2 of 15: Introduction to CSS

Why the need for CSS?

If a web page is like a house, HTML define the frame and structure of the house, while CSS is taking care of how the house should look like.

CSS is used to

• Format or style the presentation of web pages.
• These include font, text, colour, alignment, layout, borders and even some simple animation to enhance the presentation of the document.

Lesson 3 of 15: A first look at CSS rules

CSS Rules

Motivation

In order to style HTML elements, we need a consistent and flexible way to select certain elements that satisfy some conditions. Only then can we specify the style we want these elements to appear.

CSS Rule

A CSS rule consists of a Selector block which selects the HTML element that the style is to be applied on e.g. h1. Inside the Selector block, you will have to define the CSS style property and its value e.g. color: green. Click on the Selector, Property and Value in the below CSS rule diagram below to find out more.