My CSS isn't working for my simple website?

Question

I have no idea why my CSS isn't working. I made a new file on my desktop with a css folder in it. Above that folder I have my html.

example test text

in my CSS folder I have:

#header{
color: #BF9D30;
font-family: Verdana;
font-size: 60px;
text-align: center;
margin: auto;
padding: 1px 1px 1px 1px;
border: solid #8643D6;
width: 960px;
height: 70px;
}

why isn't this working?

Answer 1

put this line







between and tags

Answer 2

Apart from the link tag you could us the @import rule, or use the @import rule in your main linked stylesheet.

Just as important, you should use semantic HTML and use styles to set default look and feel for the common HTML tags. In your example you want the

to be an

tag.

This will tell search engins and users using assistive technologies the information hierarchy of your pages, think about your document outline.

Answer 3

You need to reference the css in your HTML



Put both files in the same folder.

Name the css style.css



Insert the following in your html doc after the

example test text

Hope this helps