Каскадные таблицы стилей это последствия развития HTML дающие возможность перехода на другой уровень подачи информации. Именно эти таблицы позволяют отделить смысловую нагрузку страницы от его оформления.
Изначально HTML не предусматривал управления внешним видом информации. В приоритете была доступность информации для воспроизведения текста, и использовались логические теги, составляющие структуру документа.
Позже, после добавления «улучшенных тегов», HTML стал содержать огромное количество несовместимых расширений и оказался не в состоянии преподносить информацию на различных устройствах, появилась зависимость от характеристик вывода информации. В итоге после проведения стандартизации установили стандарт HTML 3.2. И только в HTML 4.0, так называемом Dynamic HTML были введены нововведения – таблицы стилей, слои и универсальная объектная модель браузера. Теперь оформление выносится во внешний стилевой файл, а основная страница содержит только информацию и ссылки на нужные стили.
При подключении таблиц стилей пользуются одним из трех методов:
- использование внешнего файла
- описание в секции заголовка
- использование inline-описания
inline-описание является самым простым в использовании, и вписывается в тег.
Описание в секции заголовка работает на всей странице, и стили определяются при помощи классов. Здесь должны быть заранее определены стили, которые впоследствии применяют к тегам.
При использовании третьего доступного способа описания стилей во внешнем файле расширяется его воздействие на файлы, включенные в описание.
На самом деле приходится использовать все три способа.
Из этого вытекает принцип использования каскадности стилей.
CSS присущ определенный синтаксис, который соблюдается в описании классов.
Существует понятие псевдоклассов. Оно распространяется лишь на часть текста при определенных условиях.
Оставление комментариев при создании сложных таблиц стилей значительно упрощает работу с ними.
Необходимо помнить об основных параметрах CSS:
- для управления шрифтом
- для управления форматированием абзаца
- для управления свойствами блока
- для управления иными, не описанными выше
Единицы измерения, используемые в CSS, бывают относительными и абсолютными.
Цвет в CSS-коде передается при помощи названия, задается шестнадцатеричным заданием цвета или десятичным заданием составляющих. |