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.

CSS How to Make a Website Beginning HTML and CSS Write a CSS Selector and Property

Henry Salvador
Henry Salvador
152 Points

How do I write a CSS that will highlight h1 tag?

I am very confused by the meaning of the question

index.html
<body>
  <style></style>

  <h1>Nick Pettit</h1>
</body>

3 Answers

rydavim
rydavim
18,780 Points

In this case, your CSS should go in between the style tags in the HTML document.

The challenge is asking you to select the h1 element using CSS in order to style it in the next step.

You select an element to be styled by writing it's name, followed by a set of curly braces.

<style>
  h1 {
    // Your CSS will go here.
  }
</style>
Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,624 Points

Hi Henry, The questions actually asks you to write CSS that will "select" (not highlight) the h1 tag. So in-between the style tags you just need to write out the selector CSS for the h1 tag:

h1 {}

Hope that clears it up for you :) Jason

Jieni Hou
Jieni Hou
5,136 Points

Hey Henry!

You've got 3 different options as in how to apply CSS styles to elements of HTML!

Internal Style (Embedded)

This is usually defined within your Head Tag in your HTML code.

<head> 
...
<style>
h1{
}
</style>
</head>

Inline Style

This will be styles applied directly to your elements! Remember that this style will be overriding your CSS modifications, so make sure to use this carefully.

<h1 style="color:purple;"> hello </h1>

External Style Sheet

This is what you should do for most webpages as you don't want to use either internal styles or inline styles to fill up your HTML code, making it long and hard to decode. All you have to do is to let HTML know to access the stylesheet that is within a certain file, and then HTML will use that document ( your CSS ) to style the elements on your HTML!

<head>
...
<link href="main.css" rel="stylesheet" type="text/css">
</head>

and then in your CSS file:

h1{
}

Remember that "main.css" is whatever the file name you gave to your css file, doesn't necessarily have to be "main". Good luck!