Link HTML to CCS doesn´t work

Hi everyone, an absolute begginer here. I’ve a problem and I couldn’t find any solution. I don’t understand what’s going on but It doesn’t appear to show me the changes that I code on CCS. It’s really basic I only want to change the color of the elements but It doesn’t work.

Here’s my index.html code:

<!DOCTYPE html>
<html>
<head>
  <title>My first CCS class</title>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="styles.ccs">
</head>
<body>

   <h1>Hello World</h1>

   <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis nostrum sunt quo deserunt commodi impedit beatae consequatur soluta. Magni ratione, sunt necessitatibus eum deleniti voluptas, nobis ipsa ad quod ipsum.</p>

</body>
</html>

And this is my styles.ccs code:

* 
  {color: #f00; }

Both files are saved in the same folder wich is located on C:\Users\clau_\Desktop\CCS

HI @AyalaJuan !

Is it styles.css or style.css?

both are styles.ccs I’ve missed one letter on the post

It should be css not ccs.

The computer needs to find a css file.

These are different things.

Do you want a ccs file or css file?

1 Like

Thank you so much It worked. I’m really new at this and couldn’t figure it out by myself

1 Like