6 Week work 1

CSS Units

em  and  rem:  are often used to create scalable layouts, which maintain The vertical Rhythm of the Page even when the user Changes the font size.

Cap:represents the "cap height" (nominal height of capital letters) of the element ' s font .

ch：Represents the width, or more precisely the advance measure, of the glyph "0" (zero, the Unicode character u+0030) in the Element ' s font 。

em:represents the Calculated  font-size  of the Element. If used on The  font-size  property itself, it represents The   inherited  font-size of the element.

ex:represents the x-height of the element ' S  font . On fonts with the ' x ' letter, this is generally the height of lowercase letters in the Font;  1ex≈0.5em  in many fonts.

ic:equal to the used advance measure of The "Water" (CJK Water Ideograph, U+6c34) glyph found in the font used to render it. LH Equal to the computed value of The  line-height  property of the element on which it's used, converted to an absolute length.

rem:represents the  font-size  of the root element ( Typically  ). When used within the root element  font-size , it represents it Initial value (a common browser default Is  16px , but user-defined preferences may modify this).

rlh:equal to the computed value of The  Line-height  property on the root element (Typically  ), converted to an absolute length. When used on The  font-size  or  line-height  properties of the root element, it refers to the properties ' initial Value.

vh:Equal to 1% of the height of the viewport ' s initial containing block.

Vw:equal to 1% of the width of the viewport ' s initial containing block.

Vi:equal to 1% of the size of the initial containing block, in the direction of the root element ' s inline Axis.

Vb:equal to 1% of the size of the initial containing block, in the direction of the root element ' s block axis.

Vmin:equal to the smaller of and vw vh .

vmax:equal to the larger Of  vw  and  vh . /p>

Px:one Pixel. For screen displays, it traditionally represents one device pixel (dot). However, for printers and high-resolution screens, one CSS pixel implies multiple device pix Els. 1px = 1/96th of 1in .

Cm:one centimeter.  1cm = 96px/2.54.

Mm:one millimeter. 1mm = 1/10th of 1cm .

Q:one quarter of a millimeter. 1Q = 1/40th of 1cm .

In:one inch.  1in = 2.54cm = 96px.

Pc:one Pica. 1pc = 12pt = 1/6th of 1in .

Pt:one Point. 1pt = 1/72nd of 1in .

6 Week work 1