2013-11-08 6 views
1

Хорошо, я пытаюсь связать свой index.html с mystylesheet.css, но не работает? Он отлично работает на CodeAcademy, но, похоже, не работает, когда я запускаю его в chrome. Кстати, я использую Notepad ++. Когда я говорю, что не работает, я имею в виду, что стили в css не подходят, например, цвет фона. здесь все, есть ли что-то, что я делаю неправильно?Ссылка HTML на CSS

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; 
} 
+0

Вы проверили консоль, чтобы увидеть, есть ли какие-либо ошибки, и правильный путь к вашей таблице стилей и загрузка? – j08691

+0

путь к вашему mystylesheet.css, вероятно, неправильный. – Liam

+0

Можете ли вы предоставить свою структуру папок? – sh977218

ответ

4

Ваш атрибут rel должен быть rel="stylesheet":

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

SitePoint explains it nicely:

Атрибут rel определяет отношение, которое связанный ресурс имеет к документу, с которого он ссылается. В большинстве случаев, этот ресурс будет просто «таблица стилей», что означает, что не удивительно, «ссылочный документ представляет собой таблицу стилей.»

+0

Спасибо, ребята! Очень ценится :) – rvngkaz

3

Измените значение атрибута rel, чтобы быть rel="stylesheet"

Изменение этой линии

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

быть

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

Попробуйте это:

rel="stylesheet" 

вместо

rel="mystylesheet" 
+1

lol, спасибо, сумасшедший, пытаясь получить этот 1-й код, чтобы показать ^^ – Esqarrouth

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

Поскольку вы используете doctype HTML5, вы также можете оставить объявление типа.

Смежные вопросы