Search code examples
htmlcssindexingstylesheet

CSS Not Recognized

So I am trying to make my first mobile-first website and my first problem is that the index.html file doesn't recognize my style.css file to stylize all the different div tags. The style.css file is located in a css folder, along with the normalization.css file. Here is my code for the index.html file:

<!DOCTYPE html>
<html>
    <head>
        <title>Put on a Show, Monkey-Boy</title>
        <link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Lato:900' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Raleway:600' rel='stylesheet' type='text/css'>
        <link href="/css/style.css" rel="stylesheet">
        <link href="/css/normalization.css" rel="stylesheet">
    </head>
    <body>

Were the CSS working properly, there would be a background color, the divs would have their own individual colors and sizes, fonts would be stylized in Nunito and Lato respectively, and positions of block text would be different. I am using the latest version of Chrome.

I looked at the other threads relating to this topic, but none seemed exactly the same as the problem that I am having.

Any help would be much appreciated!

Thanks so much in advance,

Todd

Solution

  • you forget a closing curly bracket after the *-selector.

    * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

    Fiddle: http://jsfiddle.net/6pxn0oro/2/

    Also you should put your normalization.css before the style.css , so you don't overwrite your created styles.