Структура HTML-документа / Подключение внешних стилей [10/14]
×

Подключение внешних стилей [10/14]

Чаще всего стили подключают из внешнего файла с расширением .css. Для этого используется тег <link>. Например:

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

В атрибуте href задают адрес файла, а атрибут rel="stylesheet" говорит браузеру, что мы подключаем стили, а не что-то другое.

Лучше подключать стили внутри <head>, но это необязательно. Тег <link> будет работать и в другом месте страницы.

В этом задании вы подключите внешний стилевой файл, который расположен по адресу /assets/course2/style.css щёлкните по ссылке, чтобы открыть этот файл в браузере.


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Подключение внешних стилей</title> <!-- подключите внешние стили --> </head> <body> <h1>Внешние стили</h1> <p>Внешние стили намного удобнее встроенных, так как вы можете подключить один и тот же файл стилей ко множеству страниц.</p> <p>Если понадобится внести в стили изменения, то вы меняете один файл, а изменения появляются на всех страницах, где он подключен.</p> <p>Со встроенными стилями в этом случае пришлось бы повозиться.</p> </body> </html>
CSS
/* Сейчас сюда нельзя ничего писать. Будем подключать внешние стили. */
HTML Academy

Подключите к странице внешний файл стилей. Для этого:

  1. Добавьте внутрь <head> тег <link>,
  2. задайте ему атрибут rel со значением stylesheet
  3. и атрибут href со значением /assets/course2/style.css.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.