📚 Topic Summary
CSS (Cascading Style Sheets) syntax is the foundation of web design, dictating how HTML elements are styled. Mastering selectors, properties, and values is essential for controlling the appearance of web pages. Selectors target specific HTML elements, properties define the styling characteristics (like color or font size), and values specify the settings for those properties. Understanding these core components is the key to creating visually appealing and well-structured websites.
🧠 Part A: Vocabulary
| Term |
Definition |
| 1. Selector |
A. Defines the specific style for an element. |
| 2. Property |
B. Targets the HTML element you want to style. |
| 3. Value |
C. Specifies the setting for a property (e.g., 'red', '16px'). |
| 4. Declaration |
D. Consists of a property and its value. |
| 5. Rule Set |
E. A selector and one or more declarations. |
Match the term with its definition.
✍️ Part B: Fill in the Blanks
A CSS __________ is made up of a __________ and a block of ___________. The selector __________ the HTML element you want to style. Inside the block, each __________ consists of a property and a value, separated by a __________.
Word Bank: declaration, targets, rule set, selectors, semicolon
🤔 Part C: Critical Thinking
Why is it important to use CSS to style HTML documents instead of styling elements directly within the HTML code?