Applying simple CSS as practice

You should have two pages which you created as HTML practice at the end of the Beginners HTML pages. Use those two pages or two others to practice CSS on.

An external stylesheet

Create an external stylesheet and in your two HTML pages LINK to it.

Font and colour

Your client wants yellow text on a black background. They want Impact font at size 18px. Use type selectors in the stylesheet to achieve this.

Headings and lists

They want all headings centred, size 24px and in red. Again use type selectors.

Lists should be in a light blue.

Second page only

In the second page use an embedded stylesheet to change text colour to white.

In the table use CLASS attributes in the TD elements to highlight the cells in the middle row of data. Turn the text colour red. In the embedded stylesheet use that CLASS to apply the styles.

One paragraph only

Make the second paragraph on page one centre aligned. Use an ID attribute.

submit to reddit Delicious Tweet