CSS Layout Style
CSS Float Style
Type of CSS Measurement Units: %, em, rem, cm, ch, ex, in, mm, px, vh, vw, pt, pc
CSS support following type of CSS measurement unit like pixels, percentage, inches etc...
CSS measurement two type absolute measurement and relative measurement.
CSS Absolute Measurement
Browser relatively measures percentage, em and rem units.
Percentage (%) measurement relative to browser or other element. Use for make website responsive design for set image pr content height width.
em unit relatively measure use for typography font faces and element related properties set margin, padding etc.
rem unit relatively measure same as em but its relatively to :root selector. Not support Safari or IE browser.
CSS Relative Measurement
Other all measurement are absolute measures work independently. let's check this,
Centimeter (cm) unit is another one CSS unit for physical measurement. Use for "print" media type style sheet. Centimeters (cm) depends on the resolution and the size of the monitor.
Character (ch) unit is use for adjusting mono type font face. especially for changing a font-family. Not support all browsers.
em unit is measure base on x-height of font. x-height is determine for lowercase font. low priority for using this em unit.
Inches (in) unit is same as centimeters (cm) and use for "print" media type style sheet.
Millimeters (mm) define measure in millimeters unit. Use for "screen" media type style sheet.
Pixel (px) most usable and measure browser screen pixel. Pixel (px) unit normalize measure for all devices and displays true measure.
Viewport (vh & vw)
vh and vw unit define for responsive typography font for deferent type of view port. Not support all browser.
Point (pt) unit is use for measure physical measurement. Use for set "print" type media style sheet.
Pica (pc) unit is same as Point (pt) unit just 12pt is same as 1pc.
CSS support following various type color code support like Hexadecimal color, RGB Color, color name etc..