Web Design with HTML and CSS

Working with a CSS reset file

Lesson 7, Introduction to CSS Layout 141

3 Add the following line of code (highlighted in red) to attach the reset.css style sheet
located in the web07lessons folder:

Save the fi le and preview it in your browser.

A page of common HTML elements that have been reset.

Many of the elements on your page have had the margins and padding set to zero. As a
result, all the space between them has collapsed. There are a number of other reset styles;
for example, your list-styles are set to “none,” which removes the default bullet points
from unordered lists and the numbers from ordered lists. Close your browser and return
to your text editor.

4 Choose File > Open. In the dialog box that appears, select the reset.css fi le and click
Open. Take a few moments to look through the fi le.

This group of rules removes the default margins, padding, and borders from most of your
HTML elements.