Linking (including) an external CSS (style sheet) to a HTML page

An external style sheet can be linked to the page with a <link> tag.

Example link tag which includes an external style sheet is as follows..

<link rel="stylesheet" type="text/css" href="xyz.css" />

The advantage of doing this is that the same style sheet can be used in every page on your site. And the entire site's styling can be managed by changing just this one file.

When the CSS is defined inside the html page, the css classes can be declared with in the <style> tags, but we do not put <style> tags inside an external style sheet.