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

CSS CSS Basics (2014) Getting Started with CSS Importing Style Sheets with @import

Digital Marketing
Digital Marketing
13,840 Points

Css Stylesheet not applying to HTML code.

For some reason my style sheet does not seem to be working correctly with my html. Any ideas?

HTML <!DOCTYPE html> <html> <head> <title>Lake Tahoe</title> <link rel="stylesheet" href:"css/style.css"> </head> <body> <header> <span>Journey through the Sierra Nevada Mountains</span> <h1>Lake Tahoe, California</h1> </header> <p> Lake Tahoe is one of the most breathtaking attractions located in California. It's home to a number of ski resorts, summer outdoor recreation, and tourist attractions. Snow and skiing are a significant part of the area's reputation. </p> <a href="#">Find out more</a> </body> </html>

STYLE SHEET CSS

@import "import-styles.css";

body { text-align:center; }

h1 { font-size: 72px; color: white; }

header { background-color: orange; }

p { font-size: 20px; }

2 Answers

it looks like you have a colon instead of equal sign in your HTML file stylesheet link:

href:"css/style.css">

but it should be:

href="css/style.css">

On another note, your code would be easier to read if you formatted it when adding your question. There is a markdown cheatsheet under the text area field where you can check how to format your posts.

Hey there,

From what I can see, there is a tiny mistake with your code:

<link rel="stylesheet" href:"css/style.css">

Replace : with = sign after href so it should look like this

<link rel="stylesheet" href="css/style.css">