O'Reilly logo

Web Design with HTML and CSS Digital Classroom by AGI Creative Team, Jennifer Smith, Jeremy Osborn

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

web07.psd

Lesson 7: Introduction to CSS Layout

In this lesson, you will learn to control the appearance of text on your web pages using CSS style.

What you’ll learn in this lesson:

• Understanding CSS reset files

• An overview of CSS layout options

• How to use margins and padding to add space to your page

• Working with the float and clear properties

Starting up

You will work with several files from the web07lessons folder in this lesson. Make sure you have loaded the weblessons folder onto your hard-drive from www.digitalclassroombooks.com/webdesign. See “Loading lesson files” in the Starting Up section of this book.

video7.ai

See Lesson 7 in action!

Use the accompanying video to gain a better understanding of how to use some of the features shown in this lesson. You can find the video tutorial for this lesson at 5 using the URL provided when you registered your book.

PushPin_PMS179-1c.psd

The examples in this lesson use the TextWrangler text editor to create the HTML markup, but you can use any of the text editors covered in Lesson 3.

Working with a CSS reset file

Before you start building your page layout, you will learn to use a CSS reset file. In Lesson 4, you learned that virtually all HTML elements ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required