Chapter 11. CSS: Styling Text and Images

Text and images are two major content types on websites.
In this chapter, you'll learn how to style text and images using various properties. You'll also learn how to use a web font.
You can also add backgrounds or borders to text and images to add a variety of aesthetic designs. We'll explain backgrounds and borders in the following chapters of this course.
The following lessons are covered in this chapter.
Lessons in this chapter
- Text Styling Properties
- font-size
- color
- font-family
- Web Font and Google Font
- font-weight and font-style
- text-decoration
- line-height and letter-spacing
- text-align
- vertical-align
- Styling Images
- float: left and right
Note: You can also add videos using the <video>
tag or add other types of content (e.g., maps) using the <iframe>
tag; however, it is important to understand the basic ones first. We'll explain the <video>
tag and the <iframe>
tag in the next course (HTML & CSS Intermediate).