External Style

An external CSS uses the <link> element inside the head section to declare the CSS. This CSS is reusable which means the style can be applied to multiple elements on multiple pages.

An external CSS is a file that contains only CSS code and must be saved with the .css extension.

Any HTML file to be styled by external CSS must be linked to that CSS file.

body {
  background-color: #ccf4fe;
}
h1 {
  color: blue;
}
p {
  color: red;
}

Click on the "Try it Now" button to see how it works.