Fundamental CSS Properties

Below you will find explanations and examples of some essential CSS properties.

1. Color and Background

Defines text and background colors.


p {
  color: red;
  background-color: yellow;
}

Controls font family, size, and style.


h1 {
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
}

Defines external and internal spacing of elements.


div {
  margin: 20px;
  padding: 10px;
}

Allows you to define the borders of elements.


div {
  border: 2px solid black;
  border-radius: 10px;
}

Flexible layout for organizing elements in rows or columns.


.container {
  display: flex;
  justify-content: center;
  align-items: center;
}