Mastering CSS

Customizing the CSS reset

Let's update the line-height and font-family property on the body element, which will establish what is called "vertical rhythm" and make Arial the default font-family for all the elements:

body { 
    line-height: 1.4; 
    font-family: Arial, Helvetica, sans-serif; 
} 

You will then see how it affects the text, chiefly adding some vertical space between rows lines of text:

Establishing these defaults early for everything is nice; that way, you don't have to describe line-height and font-family over and over again for each element throughout your CSS. Note that not all properties act like font-family and line-height and are ...