Блог

CSS в современном веб-дизайне

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

Вступление

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

Количество информации в сети практически бесконечное (создается гораздо больше содержания, чем вы сможете когда-нибудь освоить), и способы доступа к ней продолжают увеличиваться. Современный веб постоянно растет и технологии едва успевают за ним. Что такое CSS? Каскадные таблицы стилей (CSS ) — это простой язык, который определяет стили, которые можно применять к HTML. Если HTML описывает структуру веб-страницы, то CSS описывает ее способ представления.

Международное сообщество по названию World Wide Web Consortium (W3C) создает и поддерживает спецификации CSS, в которых определяются и стандартизируются способы, которым нужно писать CSS, и браузерные вендоры (компании, которые создают веб-браузеры) должны обеспечивать его выполнение. Так как CSS-спецификация с момента ее подачи в 1996г. достаточно сильно расширилась, то ее последняя версия — CSS3, была разбита на модули, чтобы каждый из них определял часть CSS, облегчая поддержку всей спецификации. Спецификации CSS можно найти на www.w3.org/Style/CSS/ . Они написаны сухим техническим языком и очень подробно, поэтому могут сбить вас с толку. Хотя время от времени к ним полезно обращаться-)

Перед тем, как подробнее рассмотреть то, что может предложить нам CSS, следует понять его текущее состояние. Для начала определим, что такое CSS, CSS2 и CSS3. В чем между ними разница? CSS относится ко всем трем уровням спецификации: CSS уровня 1 (CSS1), CSS Уровень 2 (CSS2) и CSS Уровень 3 (CSS3). Каждый уровень CSS построен на базе своего предшественника.

В начале пути CSS2 был шатким и проблемным, что привело к пересмотру этой спецификации и выпуска CSS2.1. CSS3 содержит аспекты своего предшественника — CSS2.1, а CSS2.1 — аспекты CSS2 и CSS1. Хотя каждый уровень CSS основывается на предыдущем, не рекомендуется применять отдельные свойства предыдущего уровня там, где это существенно. Иными словами, при обращении к CSS3 вы на самом деле обращаетесь к любым свойств, которые доступны во всех уровнях CSS, кроме рекомендованных.

Роль CSS

Основная цель CSS состоит в отделении структуры (HTML) от ее стилизации (CSS).

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

Такой подход дает следующие преимущества:

  • Каскадные таблицы стилей можно совместно использовать для множества веб-страниц.
  • Сайты проще поддерживать и они становятся более гибкими.
  • Файлы стилей можно разрабатывать так, чтобы они подходили к множеству различных устройств / условий.

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

Хотя некоторые свойства становятся НЕ рекомендоваными, в современных браузерах они все равно работают, потому что новые уровни только добавляют функциональность или улучшают существующую.

Для развития сети, увеличения доступности и улучшения показа информации CSS3 предлагает много новых возможностей.

При назревшей потребности в различных способах входа в сеть, одними из наиболее важных свойств CSS3 стали медиа запросы Media Queries. Когда был разработан CSS2, стало ясно, что предоставлять различные стили следует на базе доступа к веб-странице, так как возникли новые типы устройств.

Будущее CSS

Медиа запросы CSS3 основываются на распознании типов устройств, давая разработчику возможность выяснять определенные аспекты (такие как ширина и высота) Устройство и окружения, в котором пересматривается веб-страница, и назначать применены стиле только тогда, когда они соответствуют определенным условиям.

Кроме того, спецификации добавляются новые характеристики отображения страниц, такие как градиенты и закругленные углы, которые облегчают выполнение задач, над которыми годами бились разработчики, большее количество способов выбора элементов, которым следует назначить стиле ( так называемые селекторы), и веб-шрифты, что позволяет увеличить количество безопасных в применении шрифтов с десятков до тысяч, если не десятков тысяч!

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *