Need help with simple basic CSS command

[Joe_08_73]

Hello! I'm new to this forum and web design in general. I'm having a problem with CSS which should be very basic, but I'm stuck on it.

I'm using CoffeeCupFree HTML editor
and
ts3Lite for my CSS

I'm using FireFox browser

I'm not having problems with the inline styles but the External style. I created a simple page with basic HTML. I did a basic External command
p {
font-weight: bold;
color: blue;
}
and saved it as style1.css and in the same folder as my HTML files. I put the link in the head, but nothing, no change. <link href="style.css" rel="stylesheet" type="text/css" />

I'm using the following books.
Build Your Own Website The Right way by Ian Lloyd
and
CSS The Definitive Guide by Eric Meyer

Any ideas what I may be doing wrong here

 

[Joe_08_73]

Got it!

Finally. The problem was that I was saving my files by adding the .css extension. This wasn't necessary since it was automatically a css extension. I was saving the file in my folder as style1.css, but all it had to be was style1 and now it links. Now I can move on and get stuck on something new.

EDIT. I was told by someone the rule of thumb was always to make sure you add the .html or .css extension when you save your files.