Как подключить таблицу стилей к html - CSS - Урок 2. Подключение CSS к HTML

Этот материал устарел, рекомендую Самоучитель CSS. Для добавления стилей на веб-страницу существует несколько способов, которые различаются своими возможностями и назначением.

Далее рассмотрены способы подключения CSS. Параметр href задает путь к CSS-файлу, он может быть задан как относительно, так и абсолютно.

Способы добавления стилей на страницу

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

В свою очередь и HTML-документ содержит только ссылку на файл со стилем, то есть таким способом в полной мере реализуется принцип разделения содержимого и оформления сайта. Поэтому использование таблицы связанных стилей является наиболее универсальным и удобным методом добавления стиля на сайт. Ведь стили хранятся в одном файле, а в HTML-документах указывается только ссылка на него.

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

Добавление CSS | fitprofit.ru

Внутренний стиль является по существу расширением для одиночного тега используемого на веб-странице. Внутренние стили рекомендуется применять на сайте ограниченно или вообще отказаться от их использования.

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

В этом случае необходимо помнить об их иерархии. Первым всегда применяется внутренний стиль, затем таблица глобальных стилей и в последнюю очередь таблица связанных стилей.

Подключение таблиц стилей

В текущую стилевую таблицу можно импортировать содержимое CSS-файла с помощью команды import. Этот метод допускается использовать совместно с таблицей связанных или глобальных стилей, но никак не со встроенными стилями. В данном примере показано подключение файла header. В данном примере показано содержимое файла mysite. Про типы носителей упомянутых в синтаксисе import рассказывается далее.

Copyright Влад Мержевич , по всем вопросам пишите по адресу:


Комментарии
 

Указываем размер шрифта в одном только месте, и он изменяется на всех сто или больше веб-страницах нашего сайта. Архив не удалось установить.

© 2003-2017 fitprofit.ru