CSS is a game changer!! Instead of giving design instructions via header or body you can actually control design aspects separately and in this case in one single file that all the pages will link to. This is good when your website has a common deisng that you want to share between pages and makes changing the design quick and easy.
Example of CSS when in each file via header:
=================================
<head>
<style>
body {
background-color: lightblue;
}
</style>
</head>
=================================
Example of CSS when in a separate file:
=================================
body {
background-color: lightblue;
}
=================================
Example of CSS being called upon in a file via header:
=================================
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
=================================
You can perform the same task with either process. You can test both using the following URLs.
Internal CSSExternal CSSSee External CSS file