Ощущение глупости в коде Visual Studio. Невозможно загрузить img или шрифт из моих файлов на мой лист CSS

Question

Очевидно, что я делаю что-то не так (к вашему сведению, совершенно новый). Я попытался использовать шрифты, загруженные на моем компьютере, для моей таблицы стилей CSS (файл шрифтов в моем VS C) Нет. Пробовал использовать img для фона из моих файлов. Нет.

Я попробовал следующее: (просто в качестве примера опции img). Поэтому я пытаюсь установить фон для моего тега

С относительным путем: (скопировано справа) нажмите на файл и выберите «копировать относительный путь»

body {
    background-image: url(img\tire background.jpg);
}   

/ *, также с различным форматированием, чтобы убедиться, что он не был просто потерян или слишком большой / маленький * /

body {
    background-image: url(..\img\tire background.jpg);
}  

body {
    background-image: url('..\img\tire background.jpg');
}  

body {
    background-image: url('img\tire background.jpg');
}  

Также с полным путем: (тот же метод, щелкните правой кнопкой мыши, выберите «копировать путь»)

body {
    background-image: url(C:\Users\BradJen\Desktop\Big Toyz Coding Project 1\big-toyz\img\tire background.jpg);
}

(со всеми вариациями кавычек, форматирования и т. Д. c)

Он работает, когда я получаю его из Интернета или использую в своих HTML. То же самое с моими шрифтами. Я могу сделать это из шрифтов Google, но не из моей папки. И как ни странно, это работало один раз, но изображение исчезло после того, как я поместил изображение поверх него в своем HTML do c.

, я нашел группу, но, будучи новичком, большинство технических объяснений было у меня над головой или не работало с моими проблемами. Я знаю, что это, наверное, что-то невероятно простое и смешное. Спасибо за продвинуть кого угодно!

Answer 1

Во-первых, вам нужно экранировать пробел в имени файла. Кроме того, путь, который вы ищете, относится к звонку CSS.

Скажем, у вас есть следующие настройки:

Я связываюсь с CSS в css/style.css от моего index.html.

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

Я хочу использовать kitten image.jpg (обратите внимание на пробел в имени файла) в body.

С css/style.css:

body {
  background: url("../kitten\ image.jpg") 0 0 transparent no-repeat;
}

Однако в этой ситуации более типично использовать тире или подчеркивание, чтобы избежать необходимости выходить из пробелов.