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) Basic Selectors Type Selectors

Posted by Jeremy Fuller
Jeremy Fuller
792 Points

css basics. set the sector to header added a font color the system doesnt like it.!

Help need please.

I was asked to create a sector as header(which I did with a background colour to orange , which i did and the font color to white which it doesnt like ...!!! Can any body please help.

style.css 
/* Complete the challenge by writing CSS below */
body{
text-align: center;

}

header{
background-color: orange;
font color: white;
}


p{
color:lightslategrey;

}
index.html 
<!DOCTYPE html>
<html>
  <head>
    <title>Lake Tahoe</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="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>
    <div>
      <h2>Check out all the Wildlife</h2>
      <p>
        As spawning season approaches, the fish acquire a humpback and protuberant jaw. After spawning, they die and their carcasses provide a feast for gatherings of mink, bears, and Bald eagles.
      </p>
      <a href="#">See the Wildlife</a>
    <div>
  </body>
</html>

4 Answers

Rich Donnellan
MOD
Rich Donnellan
Treehouse Moderator 27,708 Points
Rich Donnellan
Rich Donnellan
Treehouse Moderator 27,708 Points

Actually, font-color is an incorrect property name.

Check out this MDN entry for the correct one.

Kristen Sharp
Kristen Sharp
3,682 Points

I know its not on MDN but if I remember correctly from completing this course last week that is what they wanted you to use.

Kristen Sharp
Kristen Sharp
3,682 Points
Kristen Sharp
Kristen Sharp
3,682 Points

I went back and checked and I was totally wrong. Sorry about that.

Rich Donnellan
Rich Donnellan
Treehouse Moderator 27,708 Points
Rich Donnellan
Rich Donnellan
Treehouse Moderator 27,708 Points

No worries! It makes total sense to use font-color (don't)!

Kristen Sharp
Kristen Sharp
3,682 Points
Kristen Sharp
Kristen Sharp
3,682 Points

You are missing the hyphen in font-color. It should work if you fix that.

Jeremy Fuller
Jeremy Fuller
792 Points

many thanks

Jeremy Fuller
Jeremy Fuller
792 Points
Jeremy Fuller
Jeremy Fuller
792 Points

yup sorry just use color and it works...

all good now. many thanks for everybodies help...!