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 Introduction to HTML and CSS (2016) Getting Familiar with HTML and CSS Test: Changing the Look of a Web Page

styles.css page is blank

i dont know how to change the color of the h1, since styles.css is empty

index.html
<!doctype html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
  </head>
  <body>

    <h1>Welcome to My Web Page!</h1>

  </body>
</html>
styles.css
.tag {
  background-color: #efefef;
  color: black;
  padding: 10px;
  border-radius: 5px;
  display: table;
  margin: 10px auto;
}

3 Answers

Antonio De Rose
Antonio De Rose
20,884 Points

Yes, your right Ella, it mentions without quotes, thank you.

h1{
  color:purple;
}

Yeah it is supposed to be empty, you just have to add the code there that will change the h1 to purple. I don't know what is that styles.css code you posted? It is not part of this challenge. There is not even an element in the index.html with the class ".tag"

Antonio De Rose
Antonio De Rose
20,884 Points

the challenge is after inline css, and not the external css

<h1 style="color:purple";>Welcome to My Web Page!</h1>

No, you have to put the styles in the styles.css, oherwise why would it exist and be linked in the html file

Wow! Thank you all for your support! I'm new to treehouse, but it's already feeling like a big family! Thank you all! !!!!