📚 Topic Summary
CSS (Cascading Style Sheets) is used to control the presentation of HTML elements. When it comes to text, CSS allows you to change the color, font, size, and other attributes to make your webpage visually appealing and easy to read. Understanding these properties is fundamental to web design and user experience. This worksheet will walk you through the basics of manipulating text styles with CSS.
By modifying simple CSS properties, you can transform plain text into engaging content. You'll learn how to select fonts, set text colors, adjust spacing, and add emphasis. It’s like giving your website a makeover with just a few lines of code!
🎨 Part A: Vocabulary
Match the term with its definition.
| Term |
Definition |
| 1. Font-family |
A. Property that controls the boldness of text. |
| 2. Color |
B. A set of pre-defined design specifications for visual elements. |
| 3. Font-weight |
C. Specifies the typeface of the text. |
| 4. CSS |
D. A visual attribute that determines the hue of text. |
| 5. Text-align |
E. Specifies how the text is aligned within its container. |
Matching Answers: 1-C, 2-D, 3-A, 4-B, 5-E
✍️ Part B: Fill in the Blanks
Complete the following sentences using the words provided: font-size, text-decoration, style, CSS, color.
- ________ is used to define the presentation of HTML elements.
- The ________ property specifies the size of the text.
- Use the ________ property to change the color of the text.
- You can use _________ to add underlines or other formatting to your text.
- The overall look and feel of a webpage is called its _________.
Answers: 1. CSS, 2. font-size, 3. color, 4. text-decoration, 5. style
🤔 Part C: Critical Thinking
Explain in your own words why understanding CSS text properties is important for web developers and designers.