At the moment, our header is looking very boring. But, no worries, we'll add some magic with CSS and make it prettier.
We saw earlier that CSS can be written in three different ways:
- Inside an HTML Tag with a style attribute
- Inside our <head> section in a HTML document with the tag <style>
- CSS code can also be put into an external file
For our own project, we're going to use the third way, as commonly used in the web in general, because the CSS can be changed without changing the HTML file.
Let's create our CSS file that will be used for our general styling. In Atom, click File | New File, and save the file with File ...