2 Replies - 362 Views - Last Post: 10 October 2012 - 06:17 PM

#1 james7346  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 02-September 12

HTML imported Style Sheet

Posted 10 October 2012 - 03:44 PM

) Construct an HTML page that has an H1 header and 2 paragraphs of text. The page is to use an imported style sheet to render the H1 header in red with a Courier New font.
Render the first paragraph as Arial in a shade of blue also via the imported style sheet.
Finally, render the 2nd paragraph as Times New Roman in a shade of green and a font size of 20 pts via Inline Style Sheet.
HINT: imported stylesheet and external stylesheet are different

So my question is, how do you change the color of paragraphs. I am supposed to have one paragraph font color navy and another paragraph color green. But i try my imported style sheet it only gives me the one color to come out.I need two colors for 2 paragraphs and the style too.
Thank you to anyone that can help me


imported style sheet:
h1
{
color:red;
text-align:center;
font-family:"Courier New"
}
p {
color:navy;
}


p
{
font-family:"Times New Roman";
font-size:20px;
color: green;
}

This post has been edited by Dormilich: 10 October 2012 - 10:50 PM
Reason for edit:: please use [code] [/code] tags when posting code


Is This A Good Question/Topic? 0
  • +

Replies To: HTML imported Style Sheet

#2 BenignDesign  Icon User is offline

  • holy shitin shishkebobs
  • member icon




Reputation: 5753
  • View blog
  • Posts: 10,077
  • Joined: 28-September 07

Re: HTML imported Style Sheet

Posted 10 October 2012 - 04:51 PM

Hint: Use classes for your p tags.
Was This Post Helpful? 0
  • +
  • -

#3 Atli  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 3635
  • View blog
  • Posts: 5,756
  • Joined: 08-June 10

Re: HTML imported Style Sheet

Posted 10 October 2012 - 06:17 PM

Also note that there is a big different between points (pt) and pixels (px), and when each should be used. Read more about that here.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1