CSS Glossary

Here you can find important tech terms and definitions, explained in a simple and clear way.

Z-Index (CSS Property)

The Z-Index controls the depth position of elements on the z-axis (the axis coming out of the screen). Elements with a higher Z-Index value appear on top of elements with lower values.

Technical
CSS
Development

Y-Axis Alignment

Y-Axis Alignment is a fundamental layout principle controlled by CSS (Cascading Style Sheets). It dictates the precise vertical positioning of elements within a container.

Design
CSS
Layout

Transition

Transitions are simple forms of Animation that bridge the visual gap between two states, such as a subtle color change when a user triggers a Hover Effect or when a menu opens. They are defined entirely in CSS (Cascading Style Sheets).

Animation
CSS

Padding

Padding is one of the two main properties (the other being Margin & Padding) used to control the visual spacing on a web page. Unlike margin (external space), padding is internal space that affects the size of the element's background or clickable area.

CSS
Design
Layout

Object Fit

Object Fit is a critical CSS property for Responsive Design. It addresses the common problem of images being either stretched, distorted, or cropped incorrectly within a fixed container size. The most common values are: cover, contain, and fill.

CSS
Development
Styling

Margin & Padding

These two CSS properties are essential for achieving control over the Layout Grid and Visual Hierarchy: padding and margins.

CSS
Design
Layout