Ссылка на таблицу стилей CSS

Question

Ссылка на таблицу стилей CSS

0

Я как бы новичок в html и определенно для CSS. Я изучаю книгу "Создание веб-сайта Foundation" с помощью CSS, XHTML и JavaScript, которые, как я понимаю, устарели во время этого вопроса, но все же надеюсь, что смогу помочь многим. Вот моя разметка:

 <head>
     <meta http-equiv="Content-Type" content="text/html; 
     charset=utf-8"/>
     <title>Welcome to Papa Pepperoncini's</title>
     <link  href="C:\Users\Kevin Turner\Desktop\html\indexcss.css" rel="stylesheet"          type="text/css"/>
 </head>

Почему моя таблица стилей не привязана? Могу ли я сделать эту ссылку? Что мне делать? Я считаю, что он работает в Chrome, но не в IE или Firefox, возможно, вы могли бы помочь мне это понять.

Спасибо, Кевин

user3334393 26 апр. 2014, в 17:13

Источник

4

Я бы проверил имя файла (indexcss.css подозрительно) на вашем месте и использовал бы relative путь для ссылки на файл
Magesh Kumaar 26 апр. 2014, в 14:50

Теги:

html

css

5 ответов

Ещё вопросы

Я бы проверил имя файла (indexcss.css подозрительно) на вашем месте и использовал бы relative путь для ссылки на файл

Andreas Storvik Strauman · Answer 1 · 2014-04-26T11-55-00.000Z

Не используйте C:\Users\Kevin Turner\Desktop\html\indexcss.css. Это не правильный URL. Обычно вы используете относительный URL-адрес. Если ваш файл, включая css, находится в том же каталоге, просто напишите имя файла.

Это должно работать, если файл находится в том же каталоге (папке), что и ваш html -file:

<head>
     <meta http-equiv="Content-Type" content="text/html; 
     charset=utf-8"/>
     <title>Welcome to Papa Pepperoncini's</title>
     <link  href="indexcss.css" rel="stylesheet" type="text/css"/>
 </head>

Чтобы объяснить, что такое relative URL path, представьте, что у вас есть структура папок, например:

 --- html/
 ----- index.html
 ----- css/
 ------- maincss.css

и вы хотите включить maincss.css -file в свой index.html. Затем вы выполните <link rel="stylesheet" type="text/css" href="css/maincss.css"/>. Поскольку maincss.css находится в каталоге css/ (папке), который относится к каталогу, в котором вы находитесь (html/).

Вы можете использовать file:///c: /Users/Kevin%20Turner/Desktop/html/indexcss.css Source. Но ТОЛЬКО, если css -file находится на компьютере, на котором вы загружаете страницу!

Так. если CSS -file находится в том же каталоге, что и файл (возможно index.html), ваш код будет выглядеть следующим образом:

<head>
     <meta http-equiv="Content-Type" content="text/html; 
     charset=utf-8"/>
     <title>Welcome to Papa Pepperoncini's</title>
     <link  href="indexcss.css" rel="stylesheet" type="text/css"/>
 </head>

А другой, с file:/// URI и файл находится на компьютере, загружающем html-страницу, будет выглядеть так:

<head>
     <meta http-equiv="Content-Type" content="text/html; 
     charset=utf-8"/>
     <title>Welcome to Papa Pepperoncini's</title>
     <link  href="file:///c:/Users/Kevin%20Turner/Desktop/html/indexcss.css" rel="stylesheet" type="text/css"/>
 </head>

Разве я не должен? Я улучшу ответ и напишу больше об этом.
Нееет Нееет !! Люди, которые w3schools links или tutorials в w3schools будут, как правило, унижены здесь, и у них есть свои причины для этого!
Хорошо. Спасибо за головы! Это только w3schools? Или это новичок-учебник сайтов вообще?
Исправлено удаление ссылки. Этот ответ в порядке, я полагаю?

Explosion Pills · Answer 2 · 2014-04-26T13-50-00.000Z

Вы не должны ссылаться на локальный файл, потому что на вашем живом веб-сайте это не сработает. Даже если ваша файловая система настроена одинаково, HTTP-сервер, вероятно, не будет ее обслуживать. Это также зависит от того, как ваш HTML обрабатывается локально (сервером или просто с файлами).

В любом случае, вы должны ссылаться на файл CSS относительно файла html или предпочтительно на корень документа (папка, которая служит для ваших файлов веб-сайта). Если вы можете выяснить свой корень документа, вы можете использовать:

<link href="/indexcss.css">

... предполагая, что ваш корень документа имеет что-то вроде

C:\Users\Kevin Turner\Desktop\html\

Если ваш html файл (с <head>) находится в той же папке, что и indexcss.css, вы можете просто использовать

<link href="indexcss.css">

Убедитесь, что вы понимаете корень документа и относительные/абсолютные пути.

Albert221 · Answer 3 · 2014-04-26T13-28-00.000Z

Перед локальным file:/// URL-адреса file:///

bltzrrr · Answer 4 · 2014-04-26T12-24-00.000Z

Стандартная декларация ссылок CSS выглядит примерно так:

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

Вероятно, что-то не так с введенным вами способом. В будущем подумайте о том, что как HTML-документ, который вы редактируете. и документ CSS на рабочем столе (или только в той же папке). таким образом вам не нужно вводить полный путь каждый раз (предполагая, что вы просто используете простой редактор в виде блокнота)

agrm · Answer 5 · 2014-04-26T11-57-00.000Z

Поскольку ваш файл хранится локально, убедитесь, что вы используете схему: file:/// URI:

<link rel="stylesheet" type="text/css" href="file:///C:\Users\Kevin Turner\Desktop\html\indexcss.css" />

Все еще не работает?

Некоторые (или большинство?) Браузеров блокируют доступ к вашей локальной файловой системе, даже если сама веб-страница выполняется локально. Это мера безопасности, препятствующая доступу веб-страниц и изменению ваших локальных файлов.

Например, Chrome вернет ошибку, в которой говорится о Not allowed to load local resource. Чтобы исправить это в Windows, вы должны запустить Chrome с --allow-file-access-from-files. Просто закройте Chrome, щелкните правой кнопкой мыши и измените ярлык, добавьте флаг в конец целевого ярлыка. Таким образом, ваша цель будет примерно такой: C:\path\to\chrome\chrome.exe --allow-file-access-from-files. Это позволит Chrome получить доступ к вашим локальным таблицам стилей.

Пробовал, и до сих пор, похоже, не работает!
У вас все еще есть эта проблема? Я обновил свой ответ с возможным решением. Надеюсь это поможет!