CSS
beginnerTopic 2 of 14 in Frontend Development
What it is
CSS (Cascading Style Sheets) controls how HTML elements look on screen — colours, fonts, spacing, layout, and animations. It turns a plain document into a designed experience.
Why frontend developers need it
Users judge a site in seconds. CSS is what makes a page look professional, readable, and trustworthy. Without it, every website would look like a plain text document.
What to learn
Selectors, specificity, and the cascade
The box model: margin, border, padding, content
Layout systems: Flexbox and CSS Grid
Responsive design with media queries
Typography: font stacks, line-height, letter-spacing
Colours, gradients, and shadows
Transitions and keyframe animations
CSS variables (custom properties)
Practice project
Responsive Landing Page
Style the portfolio page you built in HTML. Add a colour scheme, responsive layout with Flexbox/Grid, a sticky navigation bar, and a smooth scroll effect.