27. CSS. Подключение CSS. Типы подключения. Глобальные таблицы стилей.

27. CSS. Подключение CSS. Типы подключения. Глобальные таблицы стилей.

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

< html>

< head>

< style>

H1 { font-size: 120%; }

< /style>

< /head>

< body>

< /body>

< /html>

Преимущества глобальных CSS:

Таблица стилей влияет только на одну страницу.
В глобальной CSS могут быть использованы классы и идентификаторы (ID).
Нет необходимости загружать несколько файлов. HTML и CSS могут быть в одном и том же файле.

Недостатки глобальных CSS:

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

28. CSS. Подключение CSS. Типы подключения. Внешние таблицы стилей. (Привести примеры).

При использовании Внешние таблицы стилей описание селекторов и их значений располагается в отдельном файле, как правило, с расширением css, а для связывания документа с этим файлом применяется тег < link>. Данный тег помещается в контейнер < head>

< html>

< head>

< link rel=" stylesheet" type=" text/css" href=" style. css" /

< /head>

< body>

< /body>

< /html>

Преимущества внешних CSS:

Меньший размер страницы HTML и более чистая структура файла.
Быстрая скорость загрузки.
Для разных страниц может быть использован один и тот же. css файл.

Недостатки внешних CSS:

Страница может некорректно отображаться до полной загрузки внешнего CSS.

12 Следующая ⇒