As you can read from the word “External”, all styling CSS writing are saved in a single external text file, which is saved as CSS FILE. All CSS Files must have the .css extension, Meaning all css Files should be saved with .css extension, it is saved as File.css. Your chosen name of the file dot CSS.
The external CSS Files are referenced in the HTML using this tag <link>. the referenced CSS File is written inside the link TAG ass follows:–
<link rel = "stylesheet" href="yourFileName.css" >
<link rel="stylesheet" href="test.css">
<p>This Paragraph is styled with blue background and font is white </p>
<p>This Paragraph is styled with blue background and font is white</p>
We need to write our external CSS File in order to have our prargraphs styled with blue background and white writting color and save it. Let us name it test.css so that it goes inline with the name we have included in our HTML Document File
The css file that we have included is applied to our page. See picture below.