External Style Sheet

<pre><code>&lt;head&gt;
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;mystyle.css&quot;&gt;
&lt;/head&gt;</code></pre>
//here is how the "mystyle.css" looks

body {
  background-color: lightblue;
}

h1 {
  color: navy;
  margin-left: 20px;
}
  • With an external style sheet, you can change the look of an entire website by changing just one file!.
  • Each page must include a reference to the external style sheet file inside the <link> element. The <link> element goes inside the <head> section.
  • The style sheet file must be saved with a .css extension.

Related concepts

External Style Sheet — Structure map

Clickable & Draggable!

External Style Sheet — Related pages: