2. The order of the CSS files matters


#1

The order of the CSS files matter . . .
The order of the CSS files tell the browser that your styles in main.css are more important than the styles in bootstrap.css, so the final page that loads is the customized web page.


<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
<link rel="stylesheet" href="main.css">

Overall, this says that the final style in css tab is the one that loads. If so, then why go through the trouble of putting all of the links before this in?


#2

If your first stylesheet has a css rule for h1 like this:

h1 {
   color: red;
   font-size:80px;
}

and your second stylesheet has a css rule for h1:

h1 {
    font-size:24px;
}

This is going to override the font-size we declared in the first stylesheet, but the color stays the same. So if you use bootstrap for example you add your custom.css to the end so you can customize your elements, override bootstrap ones.