таблица стилей CSS не ссылается на index.html

Question

таблица стилей CSS не ссылается на index.html

0

Я учусь работать с html и css, создавая страницу со мной. Я создал папку с названием blog, и там у меня есть файл index.html и папка css. В папке css у меня есть файл под названием style.css.

По какой-то причине я не могу найти ошибку в моем коде, которая не позволит мне связать мою таблицу стилей с моим индексным файлом. Я проверяю код на сафари, просто открывая файл.

вот мой файл index.html:

<!DOCTYPE html>
<html>
<head>
    <title>Stephanie CD</title>
    <link href="css/style.css" rel="stylesheet">
</head>
<body>
    <h1>Hey! I'm Stephanie</h1>
    <p>how are you doing?</p>
</body>
</html>

Вот мой файл style.css:

h1  {
    color: blue;
}
body    {
    background: url("http://i.imgur.com/Gm84ZeZ.jpg?1");
    background-size: cover;
    background-position: center;
    text-align: center;
}

Я просто перезапустил все, создал новые файлы, и теперь он работает. Не знаю, что пошло не так.

благодаря

stecd 13 дек. 2013, в 20:18

Источник

0

Вы можете попробовать <link href=“./css/style.css” rel=“stylesheet”>
DrCord 13 дек. 2013, в 18:34
0

Возможно, удаление нестандартных двойных кавычек поможет. Они выглядят так, как будто они из Microsoft Word или чего-то еще.
Jasper 13 дек. 2013, в 18:35
0

Я только что попробовал оба предложения, но ничего не изменилось, когда я открыл его в сафари.
stecd 13 дек. 2013, в 18:37
0

Вы используете неправильные кавычки, вместо “ ” используйте " " - <link href="css/style.css" rel="stylesheet">
mdesdev 13 дек. 2013, в 18:46
0

В каком текстовом редакторе вы используете вкладку «Сеть» в инструментах разработчика?
stecd 13 дек. 2013, в 18:47

Показать ещё 3 комментария

Теги:

html

css

stylesheet

1 ответ

Ещё вопросы

Вы можете попробовать <link href=“./css/style.css” rel=“stylesheet”>
Возможно, удаление нестандартных двойных кавычек поможет. Они выглядят так, как будто они из Microsoft Word или чего-то еще.
Я только что попробовал оба предложения, но ничего не изменилось, когда я открыл его в сафари.
Вы используете неправильные кавычки, вместо “ ” используйте " " - <link href="css/style.css" rel="stylesheet">
В каком текстовом редакторе вы используете вкладку «Сеть» в инструментах разработчика?

Jasper · Answer 1 · 2013-12-13T16-15-00.000Z

Я протестировал свое предложение в Chrome и обнаружил, что ресурс в фанковых котировках не запрашивается.

Тест состоит в том, чтобы попытаться загрузить с и без фанк-кавычек и посмотреть, какой файл на самом деле пытается загрузить, создать HTML-документ только с этим:

<link href="css/style-1.css" rel="stylesheet">
<link href="css/style-2.css" rel="stylesheet">

а затем просмотрите вкладку "Сеть" в своих инструментах разработчика, чтобы узнать, какой файл действительно запрашивается браузером.

Это может быть не ваша конкретная проблема, но это сработало для меня (например, стиль-2.css попытался загрузить, но стиль-1.css не сделал).

Урок здесь заключается в том, чтобы использовать правильный редактор кода, а не что-то с форматированием WYSIWYG (или хуже). notepad-plus-plus.org
@isherwood Действительно, Microsoft Word уступает Notepad в написании кода ... И если кто-то ищет хорошую IDE, ознакомьтесь с Eclipse, он бесплатный и мне нравится больше, чем Dreamweaver.
Visual Studio Express бесплатен и является лучшим!
Спасибо за предложение, я не уверен, откуда пришли забавные цитаты. Я исправил кавычки, но он все равно не работает, когда я открываю его в Chrome. Какой текстовый редактор вы используете, который имеет вкладку Network? Я использую Sublime Text 2.
Вы уверены, что ссылаетесь на файл CSS правильно? Папка css папке blog ? Я сделал скрипку, и ваши стили загружены нормально: jsfiddle.net/Ch8EQ
@stecd В Chrome нажмите F12. Это откроет ваши инструменты разработчика (которые бесценны). Затем нажмите «Сеть» (один из вариантов в верхней части инструментов разработчика). Чтобы увидеть новый водопад, вам нужно открыть инструменты разработчика перед загрузкой страницы, если вы открываете их после загрузки страницы, перезагрузите ее. На этом этапе на вкладке «Сеть» будут отображаться все сетевые подключения, сделанные из-за вашего веб-сайта, в том числе и те, которые вышли из строя (они будут красного цвета). Таким образом, вы можете увидеть, было ли какое-либо сетевое соединение даже для вашего CSS-файла, или, если оно было, это могло бы помочь вам выяснить, почему это не удалось.