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
Katharina Centers
Courses Plus Student 546 Pointsstyles.css tab is blank
how can I change the color if this tab is blank
<!doctype html>
<html>
<head>
<link href="styles.css" rel="stylesheet">
</head>
<body>
<h1>Welcome to My Web Page!</h1>
</body>
</html>
3 Answers
Ryan Dudley
Treehouse Project ReviewerThe styles.css provided in the challenge is just a blank css file, with no code already inside of it. So by typing the following into the blank field you will be "selecting" the element and applying the code inside the curly braces to that element, in this case the h1 element in the html file.
h1 {
color: purple;
}
Hope this helps!
Ryan Dudley
Treehouse Project ReviewerYou could select the h1 tag within styles.css and change the color property which affects text color by simply putting:
h1 {
color: blue; /* Change h1 text to blue for example */
}
Note that any hex color code, rbg color value or color keyword can be used here as a value.
Here is a good reference on the color property in css.
Katharina Centers
Courses Plus Student 546 Pointsstyles.css is blank there is no h1 tag to select within that tab, am I missing something?