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

Posted by Alan O'Reilly
Alan O'Reilly
95 Points

Styles.css is completely blank. Isn't that where I would make the color change for H1?

I can't see where I am supposed to make this color change. Don't understand why index.html has code and styles css is blank.

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

2 Answers

Tobias Helmrich
Tobias Helmrich
31,603 Points
Tobias Helmrich
Tobias Helmrich
31,603 Points

Hey Alan,

that's totally fine and it should be like this. The structure and styles of a website a separated into two different parts. HTML handles the structure of the site in one file and the styles are handled in CSS files. To connect them there has to be a link tag like the one you already have here

<link href="styles.css" rel="stylesheet">

You could also write your CSS in your HTML file but generally you should separate it in an external stylesheet.

So right now you can just go on and make the styles for your h1 in your style.css file. The reason why it's blank now is because your website doesn't have styles yet except the default ones from the browser's User Agent Stylesheet.

To select the h1 you write it like this:

h1 {

}

And inside of the curly braces you can write your code.

Like for example in this challenge you have to set the color property to the value purple:

h1 {
  color: purple;
}

I hope that helps, good luck! :)

Holly Shaw
Holly Shaw
473 Points
Holly Shaw
Holly Shaw
473 Points

I am having the same problem. No bracket are appearing. Also, I hi-lited the text that is changing color first.