Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML Introduction to HTML and CSS Getting Familiar with HTML and CSS Test: Changing the Look of a Web Page

Posted by James Cobb
James Cobb
2,167 Points

So is the .CSS page suppose to be blank?

I am just trying to figure out if I am supposed to code in the whole .CSS tag for pt.2 or am I just that dumb

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 
.h1 {
  color: purple;  
}

1 Answer

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,028 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,028 Points

Hi James,

Usually, you'll have multiple tabs in your code challenge area to do the work you need to do. However it looks like you have the code you need in the styles.css tab already? :-)

Anthony Quinn
Anthony Quinn
4,432 Points

It looks like you have linked your html and css correctly. When you first start the .css file it will be blank, you have to add all your own rules.

One note, in your .css file you are using a period before your h1 rule .h1, so this will only apply to any html tags with the class="h1", for example html <div class="h1"></div>.

If you want it to apply to your html <h1>Welcome to My Web Page!</h1> tag you should remove the period "." before the h1 in your css rule.

h1{
 color: purple;
}```