CODEWITHSUNDEEP
htmlcsscolors
Old George
Old George

Reputation: 11

the color on the css file doesn't work

this is my style.css file content.

style.css

a {color:green; text-decoration: none;}
h1 {font-family: helvetica;}

this is my index html file.

<html>
<head>


<title>
Test1
</title>
<meta charset="utf-8" />
</head>

<body>
<h1> My Website </h1>

<p>

visit me on facebook, press 
<a href="http://facebook.com" > 
hereeee please.
</a> . thank you.
<link rel="stylesheet" href="css/style.css" />
</p>
</body>
</html>

and the location of the css file is in a folder called css right in the same directory (folder) as the index.html file. they are all in a desktop folder called learning, inside of it, is the index.html file and a folder called css that has the file style.css in it. please help it's my first week of self learning HTML. and I'm stuck. for some reason the font is changing normally but the color and text decoration isn't

Upvotes: 1

Views: 251

Answers (4)

Amitesh Kumar
Amitesh Kumar

Reputation: 3079

    Link of the style should be in head.
    it is working:

js fiddle

<head>
  <title>  Test1    </title>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="css/style.css" />
</head>

Upvotes: 1

Radu Lozovanu
Radu Lozovanu

Reputation: 167

Edit index.html code like this

 <!DOCTYPE html>
    <html>
    <head>
      <title>  Test1    </title>
      <meta charset="utf-8" />
      <link rel="stylesheet" href="css/style.css" />
    </head>

    <body>
       <h1> My Website </h1>

       <p>   
       visit me on facebook, press 
       <a href="http://facebook.com" >    hereeee please.   </a> . thank you.
       </p>

    </body>
    </html>

Upvotes: 0

omarCreativeDev
omarCreativeDev

Reputation: 202

You need to place your reference to your stylesheet within the head tag. like so

<head>
   <link rel="stylesheet" href="css/style.css" />
</head>


a {color:green; text-decoration: none;}
h1 {font-family: helvetica;}
<h1> My Website </h1>

<p>visit me on facebook, press <a href="http://facebook.com">hereeee please.</a>. thank you.</p>

Upvotes: 0

Iqbal Pasha
Iqbal Pasha

Reputation: 1316

look below is the HTML Basic Examples code need to be followed

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>

    <h1>My Website</h1>

    visit me on facebook, press <a href="http://facebook.com" > hereeee please.</a> . thank you.

  </body>
</html>

Upvotes: 0

Related Questions