coding h1 headers

[Ruthie817]

For a homework assignment I have to put the style code in the head to make all h1s a specific color and aligned to the center. I know how to make all of the h1s a specific color, but I am having a hard time figuring out how to align it to the center. and THEN I have to override that code to make one of the h1's a different color and aligned to the right. I don't know how to do that either. Any help would be very appreciated!! Does anyone know a good site that explains this? Or can someone just post to explain it? Thanks!!

[r937]

I know how to make all of the h1s a specific color,

show us what css you've got so far, and be sure to include some of the html

[james_littler]

h1{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
}


<h1 align="center">riwegnuiwn</h1>


to over ride just use inline

ie
<h1 align="center" style="color:#cccccc; font-family:'Times New Roman', Times, serif; font-size:2em" >riwegnuiwn</h1>

heirachy

1, inline style
2, head style
3, seperate style sheet

inline always takes precidence

[redhillccwebmas]

'align' is a depreciated inline attribute. Your best to use text-align:center in your css instead

[DaveWoods]

And also to overide the style you'd be better off applying a class or ID to the <h1> tag and applying it that way.

I'd never suggest applying styles inline as that goes in the face of separating style from content.

Keep everything in an external CSS file if possible.

[AutisticCuckoo]

h1 {
  color: #c00; /* or whatever */
  text-align: center;
}
 
h1.special {
  color: #060; /* or whatever */
  text-align: right;
}

<h1>Normal Page Heading</h1>
...
<h1 class="special">Right-Aligned Page Heading</h1>

[redhillccwebmas]

On a seperate note, Tommy, really enjoyed listening to the two podcasts featuring yourself and Eric Meyer- nice job

[AutisticCuckoo]

Thanks! Sara did a great job hosting it, and I really enjoyed being the co-host. Eric is a delight to talk to.