03_external.html

<!DOCTYPE html>
<html>
 <head>
    <title>First css</title>
    <link rel="stylesheet" type="text/css" href="03_external_style.css">
 </head>   
 <body>
  <h1>External</h1>  
  <h2>-->Linking external css file</h2>
  <h2>-->It is better than inline and internal</h2>
  <p>External stylesheets are a way to separate the styling of a web page from its HTML content. This separation improves maintainability and allows for consistent styling across multiple pages. Here's how external stylesheets are typically used:

   Creating the Stylesheet: The stylesheet is a separate .css file that contains CSS rules defining the visual appearance of HTML elements. It can include properties like font size, color, margin, padding, and more.</p>
</body>
</html>