Term

Definition

Pixels (px)

A single digital unit on the screen

Percentage (%)

Percentage relative to the container element a HTML element resides in

Viewport width (vw)

Relative to 1% of the width of the viewport (window screen)

Eg. 1 vw = 1% of viewport width

Viewport height (vh)

Relative to 1% of the height of the viewport (window screen)

Eg. 1 vh = 1% of viewport height

Em

Relative to the font-size of its container element

Eg. Assume font size in the outer container is 10px. If you place another text box container within this, and adjust Font size: 2em , the new font size is now 20px

Rem

Relative to the font-size of the root element

Eg. If font size is 10px, and you adjust Font size: 2rem , the new font size is now 20px

HEX

A colour unit (6 digit combo). Used for web.

Eg. #0A2342

RGB

A colour unit (additive colour model of red, green, blue light). Used for web.

Eg. rgb (10, 35, 66)

Term

Definition

PNG

An image file format that supports transparent backgrounds