Styling our header

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 ...

Get Practical Web Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.