Теория
Теория

Подключение внешних стилей

Это задание архивной части. Перейдите по ссылке, чтобы пройти актуальную часть.

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

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

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

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

В этом задании вы подключите внешний стилевой файл, который расположен по адресу external.css (перейдите по ссылке, чтобы открыть этот файл в браузере).

index.html

HTML

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

ЗадачиВыполнено

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

Добавьте внутрь <head> тег <link>,
задайте — ему атрибут rel со значением stylesheet
и атрибут href со значением external.css.

Подключение внешних стилей

Вход

Регистрация

Восстановление доступа

Крутим, кодим, празднуем!