CSS Units and Cursor

CSS Units and Cursor

ยท

1 min read

CSS Units

๐Ÿ‘‰ CSS has several different units for expressing a length.

๐Ÿ‘‰ Many CSS properties take "length" values, such as width, margin, padding, font-size, etc

Absolute Lengths

The absolute length units are fixed and a length expressed in any of these will appear as exactly that size.

Example๐Ÿ‘‡

Relative Lengths

Relative length units specify a length relative to another length property. Relative length units scale better between different rendering mediums.

Example of vh and %๐Ÿ‘‡๐Ÿป

Concept of emphemeral unit ( em )๐Ÿ‘‡๐Ÿป

Example emphemeral unit (em)๐Ÿ‘‡๐Ÿป

Concept of rem unit๐Ÿ‘‡

rem stands for "root em"

Example of (rem)๐Ÿ‘‡๐Ÿป


CSS Cursor Property

CSS can generate a bunch of different mouse cursor:

Example๐Ÿ‘‡๐Ÿป


image.png

\> Download our HTML & CSS Visual Treat! ebook Here: Click here

ย