css help

I need help with Inline css.

I know if I want to have a word Underline I do this

<p style="underline:

then my word or something like this.

But what if I want to give it a Headline size of say 6. how do I ad the <H6> tags to the style tage above?

Do I do this

<p H6 style="underline:

or what?

 

The usual way to do underlining is text-decoration:underline

To change font sizes, use font-size

There isn't very much correlation between css font-sizes and font tag (and H# tag) sizes. However, as an example, I'm assuming H6 will roughly map to xx-small font size. For an explanation of the mapping, see http://style.cleverchimp.com/font_size_intervals/altintervals.html

The H6 tag is a block element, so to make it like the actual tag, use font-size:xx-small;display:block;

Some H# tags also display bold text, which in css would be font-weight: bold

So, your example opening paragraph tag code would be:
<p style="text-decoration:underline;display:block;font-weight:bold;font-size:xx-small">

You might want to change font-size to be a height in points, pixels, em, percentage, cm, etc. See http://www.w3schools.com/cssref/pr_font_font-size.asp

 

This is the best thing I've found as a reference for the default size of heading tags:
Heading Level Tags

Smashing Magazine - Mastering CSS Coding: Styling Headings

 

Can I do this code?

<H2 text-decoration:underline>

Or is this not how it would work?

 

You would need to put it in a style attribute, like <h2 style="text-decoration:underline"> or in css code, if you want all #2 headings to be underlined, you can use h2{text-decoration:underline}