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 ...

Get Mastering CSS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.