What is CSS?
CSS controls how HTML looks — colours, fonts, spacing, layout, and animations. It is separate from HTML to keep structure and style apart. Every visual element of a webpage from colour to animation is defined in CSS.
What is CSS? CSS (Cascading Style Sheets) controls the visual appearance of HTML — colours, fonts, layout, spacing, and animation.
/* Basic CSS rule */
p {
color: navy;
font-size: 16px;
line-height: 1.6;
}CSS selects HTML elements and applies styles to them.
Test your understanding before moving on
1. What does CSS stand for?
A. Computer Style Sheets
B. Cascading Style Sheets
C. Creative Style Syntax
D. Cascading Script System
💡 CSS stands for Cascading Style Sheets.
2. CSS controls:
A. Page structure
B. Data storage
C. Visual presentation (colours, fonts, layout)
D. Server logic
💡 CSS controls the visual appearance of HTML — colours, fonts, spacing, and layout.
3. Which is the recommended way to add CSS?
A. Inline style=""
B. <style> in head
C. External .css file linked with <link>
D. <script>
💡 External CSS files are best — reusable, cacheable, and keeps HTML clean.
4. What is a CSS rule?
A. A browser guideline
B. A selector and declaration block targeting elements
C. A JavaScript function
D. A media query
💡 A CSS rule = selector { property: value; } — it selects and styles elements.
5. What does "Cascading" mean in CSS?
A. Animations
B. Styles fall through from parent to child + rules have priority order
C. CSS is waterfall-based
D. Colour gradients
💡 Cascading means styles can inherit from ancestors and multiple rules are resolved by priority.