Теория урока

5.1. URL в CSS

URL в CSS чаще всего применяют для указания пути к файлу. Например, чтобы задать фон картинкой. Существуют абсолютный путь и относительный путь.

Абсолютный путь URL – например, есть сайт codebra.ru, на сайте есть каталог images, в этом каталоге есть файл img.png, напишем абсолютный путь до этого файла: http://codebra.ru/images/img.png. Не важно на каком сервере бы располагался документ с этим URL, он всегда будет работать.

Относительный путь URL – он так называется, потому что он находит файл относительно содержащего этот URL документа. Например, мы находимся на сайте codebra.ru, в корне сайта есть папка images, в этой папке есть файл img.png. Относительный путь до этого файла будет такой: images/img.png. Это будет работать только если файл находится на том же сервере, что и документ.

Предыдущий урок «4.1. Единицы измерения длины в CSS» Следующий урок «1.1. Семейство шрифтов в CSS»

Возможно, вам это будет интересно: Числа и процентные значения в CSS

HTML

CSS

Браузер

Вернуть расположение блоков

Код HTML

Код CSS

Браузер×

Задание

Восстановить код

Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков и участие в рейтинге среди пользователей), вам нужно авторизоваться. Это можно сделать пройдя обычную регистрацию с использованием почты или в пару кликов, если у вас есть один из аккаунтов: ВКонтакте, GitHub, Google, Яндекс или Telegram.

Задания нет, просто нажмите "Проверить задание".

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить на любом популярном форуме в интернете.

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