rem css code example

Example 1: rel css

<link rel="stylesheet" type="text/css" href="style.css">

Example 2: vh and vw

/*vh viewport height and vw viewport width*/
/*example*/
div
{
  display: inline-block;
  height: 100vh; /*THis will set height equal to the height of windows*/
  width: 100vw/*This will set width equal to width of windows*/
}

Example 3: what is em in css

'em' units for the font-size property will be relative to the'font-size of the parent element'.
'em' units on other properties other than font-size will be relative to the
font-size of the current element. 'rem' units sizes will always be relative 
to the font-size of the root html element.

Example 4: css em

em -> Relative to the font-size of the element 
(2em means 2 times the size of the current font)

Example 5: em css

/*realative to the font-size*/

Example 6: rem css

1 rem = root size of html = 16px

Tags:

Css Example