External Style Sheet

An external CSS is defied in a separate fie and is saved with the .css extension. It
provides the benefit of re usability by implementing common style rules for multiple HTML
pages. Hence, external CSS are widely used to provide a consistent look across the Web
pages of a Web site.

shows an example of external CSS code.

Explanation for the code shown in figure is as follows:
background-color: gray;
Specifies the background color of the Web page as gray.
Font-family: Arial;
Specifies the font of the textual content as Arial.
Font-style: italic;
Specifies the font style of the textual content as italic.

Explanation for the code shown in figure is as follows:

<LINK

Specifies that the HTML page is linked to another object.

rel=”style sheet”

Specifies that the linked object is a style sheet.

type=”text/css” href=”body.css”/>

Refers to an external style sheet of the content type, text/css.