Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Creating HTML Content Include External CSS

Posted by chesca
chesca
990 Points

How come my css normalize function on html does not work? No changes when I viewed the file.

I tried both the treehouse download and github. No luck

chesca
chesca
990 Points

'''<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Francesca Castaneda | Designer</title> <link rel="stylesheet" href="css/normalize.css"> </head>'''

chesca
chesca
990 Points

head is part of the syntax, it's just not coming out. many thanks.

4 Answers

Rich Bagley
Rich Bagley
25,869 Points

Hi,

A few things to check:

  • Is your file in the root of the site (and not in any sub folders)?
  • Is your normalize style sheet inside a css folder and not in the same location as your HTML file?
  • Is your style sheet spelt the same as you how you have referenced it, e.g. normalize.css and not Normalize.css (capital N) or a slight variant?

-Rich

chesca
chesca
990 Points
chesca
chesca
990 Points

Hi Rich,

Yes, to all. Will try to see if workspaces is fine tomorrow, perhaps it may have a bug. If I am unable to find anything wrong, is this something support can fix?

Thanks, Chesca

James Casavant
James Casavant
21,522 Points
James Casavant
James Casavant
21,522 Points

You may not see any changes - normalize.css "normalizes" the rendering back to the default rendering of your browser. If your browser was already rendering the content of the page in the default manner, adding the reference to the stylesheet "normalize.css" may not make any visible changes.

If you want to see if the normalize.css is actually working open the "normalize.css" file and type something this at the very top:

html {
background-color: blue;
}

Save the file and refresh the page in the browser, it should turn the background color blue. This test will show you that it is actually working even though you don't necessarily see a change.

Dian Zhang
Dian Zhang
508 Points
Dian Zhang
Dian Zhang
508 Points

same problem here.

I still have my bullet points in preview...