Help!!!!

[Pavanne]

Hi there. I've just started learning CSS and have come across a problem with my first external style sheet.

Its VERY basic so I can't work out what is happening. The contents of my CSS file are below. All commands are carried out on my page except the body set styles.

Can anybody tell me what I'm doing wrong, please?

<style type="text/css">
body{background: black; color: white}
h1{color: teal}
p.copyright{font-family:arial; font size: 12px; color:yellow}
.warning {font-family:arial; font-size: 16px; color:red}
</style>

[johneva]

Yeah a CSS file should not contain any HTML tags.

Remove the style tags and it should work, assuming you have done the HTML file correctly.

[johneva]

Yeah a CSS file should not contain any HTML tags.

Remove the style tags and it should work, assuming you have done the HTML file correctly.

BTW your also missing the ; from the end of each line.


I also like to arrange my CSS file like so, it makes it so much easyer to read/edit and create.

Code: Select all

body  {
     background: black;
     color: white;
}

h1  {
     color: teal;
}

p.copyright  {
      font-family:arial;
      font size: 12px;
      color:yellow;
}

.warning {
     font-family:arial;
     font-size: 16px;         
     color:red;
}


[Pavanne]

Brilliant! Thanks!!! It works now.

Am I correct that those style tags and just for internal style sheets?

Thanks again.

[johneva]

Yeah style tags are only needed when making internal style sheets.