What is the difference between margin and padding?

Padding is the space inside an element, between its content and its border. Margin is the space outside the border, separating the element from its neighbours.

When should I use flexbox versus grid?

Flexbox is best for laying out items in a single direction, a row or a column, and distributing space along that axis. CSS grid is best for two-dimensional layouts where you control both rows and columns at once.

What does box-sizing do?

box-sizing controls whether an element's width and height include its padding and border. The value border-box includes them, which makes sizing more predictable and is a common default.

What is the difference between position relative and absolute?

position relative offsets an element from its normal place while keeping its space in the layout. position absolute removes it from normal flow and positions it relative to its nearest positioned ancestor.

Is anything I search sent to a server?

No. The full property list and the search both run entirely in your browser — nothing you type is uploaded anywhere.

CSS Properties Reference

This is a searchable CSS properties reference covering the properties you use most often, each with a plain-English description. It is grouped into the box model, layout and positioning, flexbox, grid, typography, colour and transitions — so you can quickly recall what a property does or discover the right one for a task without digging through full documentation.

How it works

The properties are organised into logical groups. The box model group covers margin, padding, border, box-sizing, width and overflow. Layout & positioning covers display and position, while dedicated groups list the flexbox and grid properties. Typography covers font-size, line-height and friends, alongside colour and transition properties. Type a property name or a word from its description into the search box and the list filters instantly to matching entries.

Example

Property	Group	What it does
`padding`	Box model	Space inside an element, between content and border
`margin`	Box model	Space outside the border, separating from neighbours
`display`	Layout	Sets the layout mode (block, inline, flex, grid)
`line-height`	Typography	Vertical spacing between lines of text

So searching “space” surfaces both margin and padding, with descriptions that make the difference clear. Everything runs in your browser; nothing is uploaded.

Search by property name or description to find what you need instantly. Everything runs in your browser; nothing is uploaded.