CSS3

scrptn

Пользователь
CSS3 - это прямо бальзам какой-то! :angry:

Возможности:
- закругленные уголки (уже используется)
- множественные фоновые изображения с поддержкой размеров
- градиенты
- прозрачность
- тени и другие текстовые эффекты
- картинки для границ элементов
- подгружаемые шрифты (уже используется)
- табличный layout (чем отличается от табличной верстки в HTML, можно почитать в статье Everything You Know About CSS Is Wrong)
- многоколоночная верстка, как в газетах и журналах (в отличе от предыдущего, речь идет об автоматическом разбиении содержимого на несколько колонок)
- продвинутые селекторы - поддержку уже можно проверить с помощью теста (моя Опера поддерживает все)
- улучшенная типографика для восточных языков
- многое другое...

Полный список можно всегда увидеть в техническом отчете W3.org (CSS3 roadmap)

Подробнее можно почитать на сайте www.css3.info (англ.)

Я уже в восторге! :)
 

scrptn

Пользователь
-ШУМ-
Это селекторы CSS. Собственно, статья на википедии дает достаточный уровень представления о вопросе. Кратко могу так объяснить:

Селектор - это специальное правило для выбора некоторого множества элементов на странице. Т.е. это правило говорит, какие именно элементы по каким критериям отбирать. А потом собственно блок стиля (в фигурных скобках) задает стили.

Например, есть на странице несколько блоков цитат, которые заключены в теги blockquote. В этом случае для задания внешнего вида этих блоков нужно воспользоваться одноименным селектором blockquote, например вот так:
Код:
blockquote {
  border: 1px solid black
}
Это добавит черную рамку толщиной в пиксель вокруг блоков цитат.

А в приведенном тесте используются гораздо более сложные селекторы. Например, селектор вида .content > strong выберет все теги strong, которые расположены сразу же в элементе с классом "content", но при этом не тронет никакие более вложенные элементы или наружние. .content strong выберет все вложенные, не обращая внимания на уровень вложенности.

Ну и в таком духе. В общем селекторы - это такой язык запросов. Можно сравнить с SQL или даже лучше с XPath.
 

-ШУМ-

Лотелин
Ну немного сложно для меня, но в общем можно сказать, что это типа расширения для более удобного оформления веб страниц, так? :angry:
 

scrptn

Пользователь
-ШУМ-
Ну да, 3-я версия - это как раз расширение и "легитимизация" некоторых необходимых возможностей, которых нет в текущей версии (2.1). Это гора с плеч веб-дизайнеров и верстальщиков.
 

scrptn

Пользователь
Кстати, вот еще для пущего впечатления список модулей и их статус: http://www.css3.info/modules/
Там можно найти, например, Speech, 2D Transformations, 3D Transformations, Animations. Уже неплохо, да?
 

Mulll•GuN

Пользователь
поскорее все бы это заработало ) вместе с яваскриптом можно будет делать такую красотищу )
 

scrptn

Пользователь
Mulll•GuN
Это уже работает. А на JavaScript это делается уже давно.
 
Сверху