How to Create an External CSS File

Create styles.css:

The file is always separate from the HTML file. After creating a "styles.css" file, we can use a link that will allow us to link the external CSS file in the HTML file.

Linking CSS to HTML document

An external style sheet is a plain text file that contain CSS Style formats only. The extension of the external file should end with .css extension (e.g. pagestyle.css). This external file is referred to as an external style sheet. The external Style Sheet (.css file) always seperate from HTML file. You can link this external file (.css file) to your HTML document file using the < link > tag . You can place this < link > tag Within the < head > section, and after the < title > element of your HTML file.