CSS, short for Cascading Style Sheets, is the language that controls how a website actually looks — colours, fonts, spacing, layout, and every other piece of visual styling. If HTML builds the raw structure of a page, CSS is what dresses it up and arranges it properly.
What CSS Actually Controls
- Colours and backgrounds
- Typography — fonts, sizes, weights, spacing
- Layout — positioning, columns, grids, and flexible arrangements
- Responsiveness — how a page adapts across different screen sizes
- Animations and hover effects
Where CSS Lives in WordPress
- Theme stylesheets — the built-in styling shipped with every theme
- The WordPress Customizer's Additional CSS box — a safe place for small custom tweaks
- Page builders like Elementor — offering visual styling controls that generate CSS behind the scenes
- Child theme stylesheets — the recommended home for larger custom style changes
A Simple Example
A CSS rule like `h1 { color: blue; font-size: 32px; }` tells the browser to render every top-level heading in blue at 32 pixels — a small illustration of the pattern CSS follows throughout: select an element, then define exactly how it should look.
Why It Matters Even If You Never Write Code
Even without writing a single line of CSS yourself, knowing roughly what it does makes page builders and theme customizers far less mysterious — most of their visual controls are simply a friendlier interface sitting on top of ordinary CSS rules.
« Back to Index