30-seconds-of-code/blog_posts/css-units-cheatsheet.md

title, type, tags, expertise, author, cover, excerpt, firstSeen, lastUpdated

title	type	tags	expertise	author	cover	excerpt	firstSeen	lastUpdated
CSS units Cheat Sheet	cheatsheet	css,layout,cheatsheet	beginner	chalarangelo	blog_images/measuring.jpg	Learn everything you need to know about CSS units with this handy cheatsheet.	2021-01-25T11:00:00+02:00	2021-06-12T19:30:41+03:00

• px: Absolute pixel value
• rem: Relative to the font-size of the root element
• em: Relative to the font-size of the element
• %: Relative to the parent element
• vw: Relative to the viewport's width, 1vw = 1% * viewport width
• vh: Relative to the viewport's height, 1vh = 1% * viewport height
• vmin: Relative to the viewport's smaller dimension, 1vmin = min(1vh, 1vw)
• vmax: Relative to the viewport's larger dimension, vmax = max(1vh, 1vw)
• ch: Relative to the width of the glyph "0" of the element's font
• in: Inches 1in = 2.54cm = 96px
• pc: Picas 1pc = 1in / 6 = 16px
• pt: Points 1pt = 1in / 72 = 1.333px (approximately)
• cm: Centimeters 1cm = 96px / 2.54 = 37.8px (approximately)
• mm: Millimeters 1mm = 1cm / 10 = 3.78px (approximately)