Темы лекции 3

1. Каскадные листы стилей. Основные понятия

2. Свойства CSS

3. CSS хаки

Каскадные листы стилей. Основные понятия

Стиль— это набор параметров, задающий внешнее представление некоего объекта в той или иной среде.

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

Таким образом, любой документ можно разметить при помощи некоторого языка разметки, а затем дополнительно к этому создать несколько таблиц стилей для представления этого документа на любом воспроизводящем устройстве — визуальном или голосовом браузере, на экране карманного компьютера или мобильного телефона. В результате получается универсальный документ, который можно будет "просмотреть" на любом устройстве, для которого создана соответствующая таблица стилей.

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

CSSиспользуется создателями и посетителями веб-страниц для задания цветов, шрифтов, расположения и других аспектов представления документа. Основное назначение, для которого технология CSS была разработана, это разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS). Это разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печать, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими Шрифт Брайля.

Таблица стилей может быть написана не только на языке CSS, но и на каком-либо другом языке, например XSL. Для установки языка таблицы стилей по умолчанию используется элемент meta. Этот элемент задаёт различного рода служебную информацию и располагается в секцииhead. Атрибут элементаmetacontentпоказывает с помощью какого языка будет написана таблица стилей.

Источники стилей:

1. Авторские стили (информация стилей, предоставляемая автором страницы) в виде:

• внешних таблиц стилей, то есть отдельного файла .css, на который делается ссылка в документе;

• встроенных стилей — блоков CSS внутри самого HTML документа;

• inline-стилей, когда в HTML-документе информация стиля для одного элемента указывается в его атрибуте style;

2. Пользовательские стили

• локальный CSS-файл, указанный пользователем в настройках браузера, переопределяющий авторские стили, и применяемый ко всем документам.

3. Стиль браузера

• cтандартный стиль, используемый браузером по умолчанию для представления элементов.

Стандарт CSS определяет приоритеты, в порядке которых применяются правила стилей, если для какого-то элемента подходят несколько правил одновременно. Это называется «каскадом», в котором для правил рассчитываются приоритеты или «веса», что делает результаты предсказуемыми.

С точки зрения наиболее полной реализации принципа разделения содержания и представления предпочтительнее внешние листы стилей. Только в этом случае один лист стилей сможет распространять своё влияние на множество документов. Если для всех страниц сайта используется единый лист стилей, это позволяет заметно сократить время загрузки страниц, поскольку обычно файл стилей, единожды загрузившись, кэшируется браузером, не требуя повторной передачи с каждым вновь открываемым документом. Но, к сожалению, бывает, например, из-за плохой связи, что CSS-файлы не загружаются, приводя к тому, что страница отображается не так, как задумано.

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

Таким образом, наименее приоритетна — таблица стилей браузера, затем идёт таблица стилей пользователя, и самой приоритетной является таблица стилей, созданная разработчиком.