External CSS Stylesheet not loading

Question

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <link rel="css" type="text/css" href="stylesheet.css"/>
    </head>
    <body>
        <p>
            <strong>C</strong>ascading
            <strong>S</strong>tyle
            <strong>S</strong>heets
        </p>
    </body>
</html>


p {
    color: blue;
    text-decoration: underline;
    }
strong {
    color:red;
    }
body {
    background: aqua;
    }

For some reason this won't load. I ran it through CSS and HTML validators, but I use developer tools and it shows no css stylesheets attached, and my (very basic) formatting is not being applied. I looked at a few other questions and nothing fixed this.

Suman KC · Accepted Answer · 2015-12-15 02:37:23Z

5

Try rel="stylesheet" instead of rel="css"

<link rel="stylesheet" type="text/css" href="stylesheet.css"/>

And if your file path is correct then it must load css, simple as that

answered Dec 15, 2015 at 2:37

Suman KC

3,5286 gold badges32 silver badges45 bronze badges

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

Comments

Lewis Hai · Accepted Answer · 2015-12-15 02:43:23Z

4

Try with this format

<link rel="stylesheet" type="text/css" href="yourCss.css">

Read more at http://www.w3schools.com/tags/att_link_rel.asp

answered Dec 15, 2015 at 2:43

Lewis Hai

1,21411 silver badges23 bronze badges

Comments

O-mkar · Accepted Answer · 2015-12-15 02:42:05Z

3

Let me if it works

HTML DOC

<!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8"/>
           //Change rel to stylesheet and it done
            <link rel="stylesheet" type="text/css" href="stylesheet.css"/>
        </head>
        <body>
            <p>
                <strong>C</strong>ascading
                <strong>S</strong>tyle
                <strong>S</strong>heets
            </p>
        </body>
    </html>

Stylesheet.css

  p {
        color: blue;
        text-decoration: underline;
        }
    strong {
        color:red;
        }
    body {
        background: aqua;
        }

answered Dec 15, 2015 at 2:42

O-mkar

5,6768 gold badges42 silver badges64 bronze badges

Comments

joashp · Accepted Answer · 2015-12-15 09:09:12Z

2

Here is an example:

<link rel="stylesheet" type="text/css" href="mystyle.css">

To load external css you must include a reference to the css file inside the link tag

Check live demo

edited Dec 15, 2015 at 9:09

joashp

3352 silver badges13 bronze badges

answered Dec 15, 2015 at 8:57

Aadit33

19210 bronze badges

Collectives™ on Stack Overflow

External CSS Stylesheet not loading

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related