What is CSS Variables?
Custom properties in CSS that let you define reusable values like colours and spacing.
Why It Matters
CSS variables make it easy to maintain consistent styling and support features like dark mode.
Real-World Example
Defining --primary-colour: #3b82f6 once and using it throughout your stylesheet.
“Understanding terms like CSS Variables matters because it helps you have better conversations with developers and make smarter decisions about your software. You do not need to be technical. You just need to know enough to ask the right questions.”
Related Terms
CSS
The language that controls how websites look, including colours, fonts, spacing, and layout
Tailwind CSS
A CSS framework that lets you style elements directly in your HTML using pre-built utility classes
CSS-in-JS
A technique where CSS styles are written directly in JavaScript code alongside component logic.
Learn More at buildDay Melbourne
Want to understand these concepts hands-on? Join our one-day workshop and build a real web application from scratch.
Related Terms
CSS
The language that controls how websites look, including colours, fonts, spacing, and layout
Tailwind CSS
A CSS framework that lets you style elements directly in your HTML using pre-built utility classes
CSS-in-JS
A technique where CSS styles are written directly in JavaScript code alongside component logic.
Frontend
The part of a website or app that users see and interact with directly
React
A popular tool for building user interfaces, created by Facebook, that makes complex UIs easier to manage
Next.js
A framework built on React that adds features like page routing, server-side rendering, and API handling