Library

Enhancing Design with CSS

136-minute CSS Course

Start Course

About this Course

In this course, we're going to learn CSS properties for enhancing visual design. We’ll cover various properties for styling text, including loading web fonts from external resources. We’ll learn techniques for turning our CSS boxes into more than just rectangles. And finally, we’ll learn some really cool visual effects using CSS filters and gradients.

What you'll learn

  • Styling Text
  • Styling Boxes
  • Styling Images
  • Finishing Touches

Styling Text

Some of the most important enhancements you can make using CSS are typographic improvements. After all, typography is all about communication. No matter how beautiful your colors and images, your web page isn’t doing its job unless users stick around to read it.

Chevron 8 steps

Styling Boxes

We should be feeling pretty good about our progress. Our text looks a whole lot nicer than it did when we started this stage.

Of course, CSS is capable of applying sophisticated visual effects to more than just text. In this stage, we’ll learn to enhance the styles of our CSS boxes.

Chevron 6 steps

Background Images

So far, our work with images has been limited to content images, inserted into the HTML using the element. And we’ve targeted these images using the selector in our CSS, or by adding IDs or classes to our images.

But that’s not the only way to work images into your web layout. Images can also be decorative, inserted into your CSS as background images.

Chevron 6 steps

Finishing Touches

We’ve reached the final stage of Enhancing Design with CSS, and our Lake Tahoe website looks pretty appealing, at least on mobile screens. For the remaining stage, our focus will be attention to detail, since small details are what separate a good online experience from a great one.

Chevron 6 steps

Teacher

  • Anwar Montasir

    Anwar Montasir is a UX Design, Front End Web Development, and Full Stack JavaScript instructor.

Download videos

You need to sign up for Treehouse in order to download course videos.

Sign up