<!DOCTYPE html>
<html>

  <head>
    <title>External CSS</title>
    <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <h1>Hello Friends!</h1>
    <p>External/Linked CSS is used here.</p>
    <p>Select the <b>"style.css"</b> file on the left to view applied styles.</p>
  </body>

</html>
/* Styles go here */
h1{
  color: red;
}

p{
  color: blue;
  font-style: italic;
}
This is to show how External CSS works.