CSS Reference

Style pages with selectors, the box model, flexbox, and more.

/** Selectors & Color */

A tag name selects every matching element; color sets text color.

Example

p {
  color: teal;
}

padding is space inside the border; margin is space outside it.

Example

.card {
  padding: 20px;
  border: 1px solid black;
}

display: flex turns on flexbox; justify-content aligns children along the row.

Example

.row {
  display: flex;
  justify-content: center;
}

font-size sets text size; text-align: center centers it horizontally.

Example

h1 {
  font-size: 32px;
  text-align: center;
}

:hover applies a style only while the mouse is over the element.

Example

.link:hover {
  color: orange;
}

mainUTF-8

Markdown