CSS3 – Часть 1: Обзор | WebDuty

CSS3 – Часть 1: Обзор

CSS3Данная статья первая из ряда статей посвящённых новому стандарту CSS3, который заменит CSS2. В ней я постараюсь рассказать что же такое CSS3, его применение в современной веб-разработке, принимая во внимание то, что большинство читателей либо не слышали о CSS3 вовсе, либо имеют очень ограниченное представление об это современной технологии. Уже сейчас многие из CSS3-приёмов уже работают в современных браузерах, в обозримом будущем CSS3 вероятно полностью заменит “классический” CSS.

Что же это такое, CSS3?

CSS3 предлагает огромное количество разнообразных методов для оптимальной верстки веб-страниц. Мои статьи дадут вам первые представления об этой технологии. В каждой из статей я буду опираться на мануалы и стандарты W3C.
Из новшеств CSS3 можно несколько модулей. Вот несколько из них:

  • Блочная модель
  • Списки
  • Ссылки
  • Границы и бэкграунды
  • Текстовые эффекты

Список всех модулей

Когда всё это будет работать?

Некоторые из модулей уже завершены, например SVG (Масштабируемая векторная графика), в одной из статей я рассказывал о плагине jqPlot, который применял SVG. Большинство модулей по прежнему в процессе разработки.
Нельзя дать точной даты, когда стандарт CSS3 будет полностью работоспособен, но некоторые современные браузеры уже сейчас поддерживают некоторые CSS3 свойства.
Новые свойства будут постепенно поддерживаться браузерами, помодульно. Что, в принципе, вполне логично. Предположительно через 2-3 года большинство функций CSS3 будут поддерживаться всеми браузерами.

Как CSS3 повлияет на веб-разработку?

Будем надеяться, в основном позитивным образом. CSS3 несомненно, будет полностью обратно совместима, это значит, что не будет необходимости изменять существующие стили своих сайтов для их работоспособности при стандарте CSS3. Браузеры всегда будут поддерживать CSS2-стили. По этому поводу можно не волноваться.
С поддержкой CSS3 появится возможность использовать новые селекторы и свойства. Это позволит достичь новых конструктивных особенностей веб-страниц (например,анимация или градиент) только с помощью стилей, и усовершенствование нынешних техник верстки в сторону их упрощения (например, границы, многоколлоная верстка).
В будущих статьях этой серии я сосредоточу внимание на отдельных частях нового стандарта CSS. Следующая статья будет посвящана границам (border).

Подпишись на обновления

Если вам понравилась статья, подпишитесь на обновления через RSS (?), чтобы не пропустить новые интересные статьи. Также Вы можете зафолловить меня в Twitter или подписаться на обновления по email.

Закладки

Bookmark and Share

Комментарии

  1. progg.ru

    CSS3 – Часть 1: Обзор | WebDuty…

    Thank you for submitting this cool story – Trackback from progg.ru…


  2. MaximIdenticon Maxim

    Кошмар! принцыпе – кто так пишет?


  3. SoloIdenticon Solo

    >>>Кошмар! принцыпе – кто так >>>пишет?
    Уж извините, я не робот, бывают и опечатки. Но спасибо за поправки, всё исправил.


  4. muhomorIdenticon muhomor

    Через 2-3 года – это в лучшем случае :) Хотя радует уже то, что некоторые браузеры начали поддерживать некоторые модули CSS3, например я уже протестил бордер-радиус и градиент на чистом css – гугловский хром уже рисует ;)


  5. фыва олджIdenticon фыва олдж

    Я уже при разработке сайтов перешел на сss3, хотя понимаю что это не совсем валидно.


  6. SoloIdenticon Solo

    Тоже использую некоторые новшества, а валидность не цель.


  7. john

    Как сделать наклонный градиент в webkit, как здесь? http://emfire.ru/


Оставить комментарий

Вы можете использовать следующие теги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

Spam Protection by WP-SpamFree