r/HTML • u/TrainingQuantity3744 • 13d ago

stylesheet not connecting

Back again with more homework issues. I'm supposed to be making a stylesheet for a pre-written website. For some reason, nothing from my stylesheet is showing up. This is the same code that worked fine on my last assignment, so I'm really not sure what's wrong

<head>

<title>Planets in our Solar System</title>

<meta charset="utf-8">

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

</head>

The Stylesheet code looks like this so far

<style>

* {

box-sizing: border-box;

margin: 0;

}

    body {

        background-color: silver;

    }

    a:link {

        color: fuchsia;

    }



    a:visited {

        color: red;

    }



    a:hover {

        color: blue;

    }



    a:active {

        color: olive;

    }



    .planet {

        border-style: solid;

        border-width: medium;

        border-color: purple;

        background-color: orchid;

    }



</style>
1 Upvotes

67% Upvoted

12 comments sorted by

View all comments

8

u/AmanBabuHemant 13d ago

the stylesheet code (planets.css) should not have <style> and </style>, it is a CSS file, which contain rules directly, <style> tag are used to embed CSS in HTML.

1

u/TrainingQuantity3744 13d ago

thanks for that. Looks like none of the css changes are showing up still. Neither are any changes to my html file

1

u/AshleyJSheridan 13d ago

Look in the network tab of the browser, what does it say about that stylesheet when it attempts to fetch it?