Why is external CSS not loaded into HTML File?

Question

Here is the code:

  body {
        background-color: blueviolet;
    }

<!DOCTYPE html>
<html>
    <head>
    <title>CSS Practice</title>
    <link href="Sheet.css" rel="Sheet">
    </head>
    <body>
        <p>
            That is a Test For You
        </p>
    </body>
</html>

But when I load the HTML I do not see the change that CSS should make, I could not find a solution for that.

Check if the .css is in the same directory as the .html file. If that isn't the case, try changing href="./Sheet.css" — Visal Rajapakse
– Visal Rajapakse, Commented Jul 3, 2021 at 17:53
Then the reason could be something else. But sheet is definitely not a valid value for rel. Any 404 errors on console? — Ayus Mohanty
– Ayus Mohanty, Commented Jul 3, 2021 at 17:54

Greenreader9 · Accepted Answer · 2021-07-03 17:52:48Z

3

It should be:

<link href="Sheet.css" rel="stylesheet">

A CSS document is defined with rel=”stylesheet”. Oh, and you might need to clear your cache as well.

Learn More

answered Jul 3, 2021 at 17:52

Greenreader9

5211 gold badge4 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

qwezxc789 · Accepted Answer · 2021-07-03 17:56:03Z

1

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

answered Jul 3, 2021 at 17:56

qwezxc789

1341 gold badge1 silver badge9 bronze badges

Collectives™ on Stack Overflow

Why is external CSS not loaded into HTML File?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related