Уроки CSS. Способы подключения / вставки CSS кода и файлов в HTML-документ

Тематическая группа (веб-дизайн): https://vk.com/zametkipohtml
Официальный паблик в ВК: https://vk.com/zametkinapolyah
Рубрика по теме в блоге: http://zametkinapolyah.ru/verstka-sajtov
Не забудь подписаться и нажать палец вверх: https://www.youtube.com/user/zametkinapolyahru

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

В данной части мы обобщим все сказанное ранее и вспомним как можно подключить таблицу стилей к HTML-документу.
Внешние/связанные стили или подключение CSS файла
Для подключения CSS файла к HTML-документу можно и даже рекомендуется использовать тег link

Внутренние и глобальные CSS стили: добавление CSS кода в HTML
CSS код можно добавить непосредственно в HTML-документ двумя способами: добавить тег style в блок head и описать все нужные стилевые правила

Или же воспользоваться атрибутом style и задавать стили для каждого HTML элемента на странице по отдельности

В CSS нельзя использовать HTML теги, но иногда бывает необходимость подключить к одному CSS файлу другие, тег link нам здесь не поможет, поэтому была введена директива или правило @import, которая позволяет импортировать CSS код из одного файла в другой

@import url(“css/style.css”) all;
@import “syle/main.css” print;
@import “syle/main.css” print, tv;
Директива @import не доступна для использования во внутренних стиля, но хочу обратить ваше внимание на то, что все эти способы можно успешно комбинировать и использовать вместе.

ПРИСОЕДИНЯЙТЕСЬ
Поделиться

Кирилл Антонов

Канал для начинающего веб-разработчика. Здесь ты найдешь различные видео уроки о технологиях и программном обеспечение, которые используют веб-разработчики.



Обсуждение закрыто.