CODEWITHSUNDEEP
htmlcss
rvngkaz
rvngkaz

Reputation: 31

Linking HTML to CSS

Ok im trying to link my index.html to mystylesheet.css but is isn't working? It works perfectly on CodeAcademy but doesnt seem to work when I run it in chrome. I'm using Notepad++ by the way. When I say isn't working, i mean that the styles in the css aren't coming up, like the background colour for example. here it all is, is there anything im doing wrong?

index.html

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="mystylesheet" href="mystylesheet.css"/>
<title>A$AP World</title>
</head>
<body>
<p>Please agree with the terms&conditions before entering.</p>
</body>
</html>

mystylesheet.css

body {
background-color: black;
}

p{
color:red;
}

img {
display: block;
height: 100px;
width: 300px;
margin: auto;
}

Upvotes: 1

Views: 720

Answers (5)

Esqarrouth
Esqarrouth

Reputation: 39181

Try this: 

rel="stylesheet"

instead of

rel="mystylesheet"

Upvotes: 2

Olly Hodgson
Olly Hodgson

Reputation: 15775

Your rel attribute should be rel="stylesheet":

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

SitePoint explains it nicely:

The rel attribute defines the relationship that the linked resource has to the document from which it’s referenced. In most cases, this resource will simply be "stylesheet", which means, not surprisingly, “the referenced document is a style sheet.”

Upvotes: 4

Marc Lloyd
Marc Lloyd

Reputation: 304

<link rel="stylesheet" href="mystylesheet.css" />

As you're using an HTML5 doctype, you can also leave off the type declaration.

Upvotes: 1

Jonathan
Jonathan

Reputation: 1833

Try:

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

Upvotes: 2

Muhammad Reda
Muhammad Reda

Reputation: 27023

Change the rel attribute value, to be rel="stylesheet"

Change this line

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

to be

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

Upvotes: 3

Related Questions