CSS
Cascading Style Sheets
ELI5 — The Vibe Check
CSS is the makeup and wardrobe for your HTML skeleton. It decides what color everything is, how big things are, and where stuff goes on the page. Without CSS every website would look like a Word document from 1998.
Real Talk
CSS is a stylesheet language used to describe the presentation of an HTML document. It controls layout, colors, fonts, spacing, animations, and responsiveness. The 'cascading' refers to how rules are applied in priority order based on specificity and inheritance.
Show Me The Code
h1 {
color: hotpink;
font-size: 2rem;
margin-bottom: 1rem;
}
When You'll Hear This
"Just fix the CSS so the button doesn't overlap the navbar." / "CSS specificity is why your styles aren't applying."
Related Terms
CSS Grid
CSS Grid is the two-dimensional layout system — rows AND columns at the same time. Think of it like a spreadsheet you can put your whole website into.
CSS Variables
CSS Variables (officially called Custom Properties) let you store values in CSS and reuse them everywhere.
Flexbox
Flexbox is a CSS layout system that makes positioning elements in a row or column stupidly easy.
HTML (HyperText Markup Language)
HTML is like the skeleton of a webpage. You write tags like <h1> and <p> and the browser builds the bones of your site from them.
Sass
Sass is CSS with superpowers — variables, nesting, mixins, and functions that vanilla CSS didn't have for years.
SCSS
SCSS is the syntax of Sass that looks like regular CSS but with superpowers added.