Member Avatar for ralph w

I'm not only new here but I am totally green at web design too. I'm trying to write a 3 page site for a homework assignment and I can't figure out what's wrong with my code.
All <p> tags are supposed to be indented 1.8 em, but I need to have a class named para1 where the first <p> tag on every page has no indention, and the font size is double. Here's what I wrote, but the <p> tag indention style overides the class element. Why?/

*my styles*/




body
    {background-color=#999966
        }


h1,h2,h3 
    {font-family: Comic Sans MS:sans-serif; font-style: italic; font-color: #445544; text-align: left
        }



    {font-family:
        times new romam, sans-serif; color: black
        }


p
    {text-indent: 1.8em
        }

para1   
    #para1:first-letter {float:left; font-size:200%; line-height:.5}

Thanks for your input.

Edited by mike_2000_17 because: Fixed formatting
  • 4 Contributors
  • 3 Replies
  • 117 Views
  • 3 Days Discussion Span
  • Latest Post Latest Post by cashu

Recommended Answers

All 3 Replies

Member Avatar for MidiMagic

You don't have a class named para1, you have an id named para1.

Put a period in front of an identifier to define a class.

Put a pound sign in front of an identifier to define an id.

You can't use an id, because only one tag in your web page can use a given id.

Member Avatar for innovativeatul

you have to use a unique id for each tag, this is very important point while writing style sheet.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.