Что такое внутренние таблицы стилей
Внутренние таблицы стилей - это стили, которые помещаются в документ HTML. Эти стили затрагивают только тот документ, в котором они находятся, и на него нельзя ссылаться никаким другим веб-документом.
Преимущества внутренних таблиц стилей
- Внутренние таблицы стилей влияют только на страницу, на которой они находятся.
- Если вы работаете на большом сайте и должны тестировать стили, прежде чем загружать их на сайт в целом, внутренние таблицы стилей могут стать отличным инструментом. Они позволяют тестировать стили в контексте всего сайта, не нарушая ни одной страницы, кроме той, которую вы тестируете.
- Внутренние таблицы стилей могут использовать классы и идентификаторы.
- В отличие от встроенных стилей, внутренние таблицы стилей все еще могут использовать классы, идентификаторы, братья и сестры и другие отношения элементов.
- Внутренние таблицы стилей не требуют загрузки нескольких файлов.
- Это особенно полезно, когда вы работаете с такими вещами, как электронная почта или киоски, где вы можете редактировать только один HTML-файл. Я часто использую встроенные стили, когда я не уверен, что URL-адрес будет таблицей стилей, загруженной в CMS, - сохранение стилей в документе означает, что я знаю, какие стили влияют на этот документ.
- Внутренние стили могут иметь более высокий приоритет, чем внешние таблицы стилей.
- Это определяется порядком загрузки внешних таблиц стилей. Веб-разработчик страницы контролирует, где внутренние стили будут помещены в начало документа. Если они помещаются после ссылки на внешние стили, они будут иметь более высокий приоритет в каскаде и перематывать внешнюю таблицу стилей.
Недостатки внутренних таблиц стилей
- Они влияют только на страницу, на которой они находятся.
- Если вы хотите использовать одни и те же стили в нескольких документах, вам нужно повторить их для каждой страницы (или ссылку на внешнюю таблицу стилей).
- Внутренние таблицы стилей увеличивают время загрузки страницы.
- Каждая страница с внутренней таблицей стилей должна загружать и анализировать информацию о таблицах стилей каждый раз, когда страница загружается. Внешние таблицы стилей кэшируются браузерами, что улучшает время загрузки для каждой страницы после загрузки первого.
Как написать внутреннюю таблицу стилей
элемент:
- Откройте HTML-документ в своем веб-редакторе.
- Добавьте следующее внутри
Полная внутренняя таблица стилей будет выглядеть так:
