<head>
<link rel='stylesheet' type='text/css' href='Intro.css' />
</head>
The style rules can be moved to its own separate file. In this case it is called an "External" style sheet.
The HTML can load this file by using the "link" element which is included in the "head" element.
The following is an example of an external CSS file.
/* Intro.css */
#pageTitle {
background: lightsteelblue;
}
.button {
display: inline-block;
}
An external style sheet has rules just like an internal style sheet, except the rules for an external style sheet are not contained in a style element.
More Information