Как указать путь в css

Жизнь — это движение! А тестирование — это жизнь 🙂

Абсолютный путь — это путь от корневой папки к файлу.

Путь состоит из всех папок, которые нам надо просмотреть, разделенных через слеш. Посмотрим на примере:

/absolute_path_lvl_1/level_2.1/level_3.1/Kevin.png

Относительный путь

Относительный путь — это ссылка, указывающая на другие страницы вашего сайта относительно веб-страницы, на которой эта ссылка уже находится.

Если опускаем вниз по папкам, разделяем также через «/». Если надо подняться на уровень выше, пишем «..»

1. Самый простой пример относительного пути — это просто имя файла. если файл лежит рядом, просто указываем его имя

2. Поднимаемся на папку выше

3. Пример посложнее, из Diff_paths.html к картинке с Кевином

../level_2.1/level_3.1/Kevin.png

Чем отличаются абсолютный и относительный пути

Это очень просто. Если путь указывается от корня системы, то это путь абсолютный. Это как почтовый адрес в реальной жизни — откуда бы ты не шел, но по точному адресу ты всегда точно найдешь нужное место.

Если в начале пути корень не указать, то этот путь будет относительным, и он достраивается от текущего положения. В реальной жизни это напоминает дорогу к винному магазину — "два квартала налево и там все время прямо". Дойти по такому пути можно только из конкретной точки. Из другой ты попадешь уже в совсем другое место.

В файле absolute_path_lvl_1 / level_2.2 / Diff_paths.html можно посмотреть пример HTML страницы с разными путями к файлам.

Вот пример абсолютного и относительного пути для одного и того же файла с Кевином.

Как правильно указать пути к изображениям на сайте

Здравствуйте дорогие читатели блога BlogGood.ru!
Сегодняшняя статья не большая, но в себе несет полезную информацию, которая поможет правильно указать путь к изображению, когда вы создаете веб-сайт, так как неправильно указанный путь к изображению не выдаст желаемый результат. Не знаю как у вас, но у меня бывали косяки, когда нужно было прописать путь не к папке с файлом, а, наоборот, из папки к файлу. Знаю, тяжело понять мной сказанные слова, вот по этой причине я создал специальные схемки, где стрелкой показываю, откуда нужно указать путь к изображению (это может быть также любой файл).

Схемка № 1

Путь из файла к картинке

Как правильно указать пути к изображениям на сайте

Схемка № 2

Путь из файла к папке до картинки

Как правильно указать пути к изображениям на сайте

/ — слэш символ используют для открытия папки.

Схемка № 3

Путь из папки к картинке

Как правильно указать пути к изображениям на сайте

../ — слэш с двумя точка используют для того, чтобы выйти из папки .

Схемка № 4

Путь из папки к дугой папке до картинки

Как правильно указать пути к изображениям на сайте

/ — слэш символ используют для открытия папки;

../ — слэш с двумя точка используют для того, чтобы выйти из папки .

Если вам нужно выйти с двух папок и зайти в папку images к файлу «logo.png», нужно добавить два символа «../». Пример:

Если вам нужно выйти из трех папок и зайти в папку images к файлу «logo.png», нужно добавить три символа «../». Пример:

Вот и все пироги. Естественно, по такому образцу путь можно указывать не только к файлам картинок, но и к другим файлам, например к js , html , css , zip , rar , и т.д.

Как задать правильный путь через link в html документе, чтоб подключить стили css?

Делаю вроде бы всё так, как показано, но стили не подключаются и не работают.

Объясните кто-нибудь пожалуйста, доходчиво, как ксс подключается через линк в документу хтмл? точнее, как правильно указывать путь для подключения?

Похожие вопросы

  • Слово киномонстр так и остается подчеркнуто и в синем цвете, как исправить?
  • Все как в уроке сделано, а браузер не отображает изменений, как исправить?
  • Укажите где именно я сделал ошибку и в чем она заключается?
  • Не игнорте 42 урок (пробывал скачать исходник) не работает?
  • Кнопка смотреть исчезает после стилизации, как исправить?
  • Почему не подключается css к html?
  • Не могу установить Footer
  • Не изменяется страница, что делать?
  • В уроке по html не пропускает задание с футером?
  • Зависит ли от разрешения экрана то как потом будет выглядеть сайт?

Один ответ

  • Все вопросы
  • Старые
  • Голоса

Подключение внешних css стилей подключается строчкой:

где assets/css/style.css — это относительный путь к файлу, а assets — это главная папка и css — это вложенная папка в assets.

т.е. получается такое расположение папок и файлов:

Скачайте исходный код (справа папка Файлы) и посмотрите как нужно подключать правильно внешние css стили.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *