Использование css href онлайн в порядке, затем загрузите файл css и используйте его локально, он вообще не работает

Question

Итак, я работаю над проектом персонального сайта. И я использую html шаблон w3school. Они используют файл css из онлайн-источника:

<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font- 
awesome.min.css">

Все работает нормально, пока я не скачаю все файлы css локально и не загружу их из локальной позиции, как показано ниже:

<link rel="stylesheet" type="text/html" href="./assets/w3.css">
<link rel="stylesheet" type="text/html" href="./assets/google_raleway.css">
<link rel="stylesheet" type="text/html" href="./assets/font_awesome.min.css">

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

Answer 1

Просто скачайте все css в одной папке. И получите полный путь к этим файлам.

Пример: Вы скачали файлы в расположении ниже (я использую диск D (папка ресурсов на диске D) в качестве примера) вашего компьютера:

D:\assets\w3.css
D:\assets\google_raleway.css
D:\assets\font_awesome.min.css

<link rel="stylesheet" type="text/css" href="D:\assets\w3.css">
<link rel="stylesheet" type="text/css" href="D:\assets\google_raleway.css">
<link rel="stylesheet" type="text/css" href="D:\assets\font_awesome.min.css">

Если это работает по полному пути, значит, в вашем относительном пути указана ошибка. Так что просто сделайте небольшое исследование, чтобы установить относительный путь.