Skip to Content

Basics of Web Design
HTML5 & CSS   Sixth Edition

Chapter 6 – More CSS Basics

You'll add to your CSS skill set in this chapter. You will be introduced to the CSS box model and configure margin, border, and padding. You'll also explore CSS properties to round corners, apply shadow, and configure color with opacity. Resource websites and chapter links are listed below.

The Box Model

The Box Model

  • Content
    Text and web page elements in the container

  • Padding
    Area between the content and the border

  • Border
    Area between the padding and the margin

  • Margin
    Determines the empty space between the element and adjacent elements

Explore CSS layout techniques at Little Boxes


Additional CSS Resources

Chapter Updates

  • No updates have been reported for this chapter.

Questions or Comments

The author would like to hear from you!
Feel free to contact the author with your questions or comments.

Basics of Web Design 6th Edition

Review Activities

Review Games

Review activities are available for this chapter. Check your knowledge of chapter terms and concepts.

Browser Support of CSS Properties

More on CSS Gradients