How can the measurement type 'em' effect the <body> element tag in 'Css2' ?
A.) Declare the Class
.gillsans {font-family: "Gill Sans", sans-serif;
font-size: 12pt;
margin: 3em;
}
B.) Define the Rule
The first declaration of the '.gillsans' class sets the primary font-family of the element <body> tag to 'Gill Sans'.
If that font is not available at the resident user agent, then the 'browser' will use the 'sans-serif' font family.
The 'sans-serif' font-family is one of (5) generic font-family which all users agents or 'browser' recognize by default.
Child elements of the <body> tag will inherit the value of the primary 'font-family' property.
The second declaration in this example sets the font-size of the <body> element tag to points = '12pt'.
The "point" unit is commonly used in print-based typography to indicate font-size and other types of length values.
'Pt' is an 'absolute' unit which does not scale 'relative' to the environment in which it is contained.
The third declaration of the subject class uses an example of a 'relative' unit which does scale with regard to its surroundings.
The "em" unit refers to the font-size declared in the class of the element.
In this case the result is that the margins around the <body> selected element tag are set to (3) times wider than the font-size declared.
Following this rule, the font-size declared = '12pt', so the margins around the <body> element tag will be set to '36pt', or three times wider.
C.) Apply the Class <BODY Class="gillsans">
Acknowledgment(s): W3C, Copyright © 1997. All Rights Reserved.
This article was written after reviewing the downloadable 'html' version of 'The CSS2 Specification' listed at the World Wide Web Consortium dot org.
Photo courtesy of the 'Robyn Hempaz Fractal Art Gallery dot com.
Give generously to the Libertarian effort to abolish the current prohibition against the planting of cannabis and hemp varietals in your county, state, province or country for the continued benefit of being able to listen to our songbirds 'chirp'. 'Birds Know Omega3™'
