Understanding of CSS and CSS Units

Cascading Style Sheets (CSS) is a stylesheet language used toset the display of a document written in markup languages​​. The most common use of CSS is for formatting web pages written inHTML and XHTML. Nevertheless, his own language can be usedfor any type of XML document, including SVG and XUL. CSSspecifications set by the World Wide Web Consortium (W3C).


CSS is used by the authors and readers of web pages to definecolors, fonts, layout, and various aspects of the document display.CSS is used mainly to separate the document content (written inHTML or other markup language) with the presentation of documents (written in CSS). This separation can improve content accessibility, provide more flexibility and control over the look, andreduce complexity and repetition in the content structure.


CSS enables the same page to be displayed in different ways fordifferent presentation methods, such as through a screen, print, voice (when read by the browser-based voice or screen reader),as well as braille reader. HTML or XML pages The same can beshown differently, both in terms of the display style or color schemeby using CSS.


Units in CSS

1. static

in = units of inches
cm = centimeter units
mm = millimeters
pt = unit point (1 point = 1 / 72 inch)
pc = unit pica (1 pica = 12 points)
px = pixel units (one point of the smallest image in the monitorscreen)

2. relative

% = Percent of the units
em or ems = 1em = size of the font that was there in the elements
ex - 1ex = x-height of a font (x-height is usually half the size of the font)
REMEMBER! The CSS code, the pixel units used are abbreviatedwith "px" you can replace with another unit.

Understanding of CSS and CSS Units