Как мы уже объясняли, новая спецификация HTML охватывает не только теги, она выходит за пределы обычного кода HTML. Сеть предъявляет высокие требования не только к структурной организации и определению разделов, но и к дизайну и функциональности. В этой новой парадигме HTML объединяется с CSS и JavaScript в один интегрированный инструмент. Мы уже рассмотрели функции каждой из этих технологий и изучили новые элементы HTML, отвечающие за структуру документа. Настало время взглянуть на роль CSS в этом стратегическом союзе и узнать, в какой мере визуализация HTML-документов зависит от данной технологии.
Официально технология CSS никак не связана с HTML5. Она не является и никогда не была частью спецификации HTML5. В действительности это вспомогательная технология, которая разрабатывалась с целью преодоления ограничений и уменьшения сложности HTML. Первоначально некие базовые стили связывались с каждым элементом с помощью атрибутов в тегах HTML, однако по мере того, как язык развивался, код становилось все сложнее разрабатывать и поддерживать, и вскоре оказалось, что одного HTML недостаточно для удовлетворения всех требований веб-дизайнеров. В результате на вооружение была взята технология CSS, позволяющая отделить структуру от представления. С тех пор CSS успешно развивалась, однако разработка данной технологии шла параллельно HTML и фокусировалась на нуждах дизайнеров, а не на необходимости поддерживать эволюцию HTML.
Третья версия CSS следует по аналогичному пути, однако ее разработчики принимают намного больше компромиссных решений. Спецификация HTML5 подразумевает, что за дизайн теперь отвечает CSS, и из-за этого интеграция между HTML и CSS3 стала критически важным элементом веб-разработки. Вот почему всегда, когда мы говорим о HTML5, мы также упоминаем CSS3. Это естественно, несмотря на то что официально данные технологии независимы.
В настоящее время возможности CSS3 внедряются и реализуются в браузерах, совместимых с HTML5, наряду с остальной функциональностью, описанной в спецификации. В этой главе мы изучим базовые концепции CSS и новые техники CSS3, уже доступные для структурирования и представления веб-страниц. Мы также узнаем о новых селекторах и псевдоклассах, упрощающих выбор и идентификацию элементов HTML.
CSS — это язык, работающий совместно с HTML. Он связывает с элементами документа разнообразные визуальные стили, определяющие их размер, цвет, фон, рамки и т. п.
Сейчас возможности CSS3 уже встроены в последние версии большинства популярных браузеров, однако некоторые из них все еще находятся на стадии разработки. По этой причине для обеспечения их эффективной работы в названиях новых стилей необходимо использовать браузерные префиксы, такие как moz или webkit (в зависимости от механизма используемого браузера). Об этой тонкости мы поговорим чуть позже в данной главе.
Добавить комментарий