Описание тега css3

Третий и последний выпуск Каскадных таблиц стилей, CSS, язык стилей (часто сокращается до CSS3) объединяет мощные визуальные возможности и универсальные методы манипулирования дизайном.

CSS3 - это последняя "редакция" стандарта CSS, в которой отдельные модули будут повышаться независимо. Эта модульность подразумевает, что не может быть общего или коллективного "CSS4", поскольку работа может начаться с модулями уровня 4, в то время как модули уровня 3 и совершенно новые модули уровня 1 все еще находятся в стадии разработки.

Хотя CSS3 все еще находится в стадии разработки, многие функции поддерживаются основными браузерами, и, поскольку большинство свойств и методов CSS2 все еще присутствуют в CSS3, вопросы относительно предыдущих уровней (CSS2.1, CSS1) по-прежнему актуальны и приветствуются.

Поддержка браузера для css3

Поскольку не все браузеры правильно анализируют код CSS, разработанные методы кодирования, известные как хаки CSS, могут либо фильтровать определенные браузеры, либо предназначаться для определенных браузеров (обычно оба они называются фильтрами CSS). Первый может быть определен как хаки фильтрации CSS, а второй может быть определен как хаки таргетинга CSS. Оба могут быть использованы, чтобы скрыть или показать части CSS для разных браузеров.

Это достигается либо за счет использования в браузере причуд или ошибок, связанных с обработкой CSS, либо за счет отсутствия поддержки отдельных частей спецификаций CSS.

• Справочник по CSS для Mozilla Developer Network
• Проверьте поддержку вашего браузера для CSS3
• Поддержка CSS3 - caniuse

Многие новые свойства и функции вводятся в CSS3. К ним относятся по категориям:

Фон

• background-clip
• background-origin
• background-size CSS-фон-размер
• background-attachment (local ключевое слово)
• background-repeat (space а также round ключевые слова)
• background-position (поддержка 3 или 4 значений)
• Наслаивание нескольких фоновых изображений

Границы

• Границы изображения
  • border-image
  • border-image-source
  • border-image-slice
  • border-image-width
  • border-image-outset
  • border-image-repeat
• Закругленные углы
  • border-radius CSS-граница радиуса

Разные эффекты

• box-shadow CSS-бокс-тень
• box-decoration-break

Цвета

• HSL цвета
• Примеры цветов HSL
• HSLA цвета
• Цвета RGBA

Селекторы css-селекторы

• Селекторы атрибутов
  • Атрибут наличия / значения селектора
  • Селектор соответствия подстроки
  • Селекторы атрибутов и пространства имен
  • Значения атрибутов по умолчанию в DTD
• Псевдо-классы
  • Структурные псевдоклассы
  • :root()
  • :nth-child()
  • :nth-last-child()
  • :nth-of-type()
  • :nth-last-of-type()
  • :first-child
  • :first-of-type
  • :last-child
  • :last-of-type
  • :only-child
  • :only-of-type
  • :empty
  • :not()
• Псевдо-элементы
  • ::first-line
  • ::first-letter
  • ::before
  • ::after
• Комбинаторы
  • Потомок комбинатор
  • Детские комбинаторы
  • Брат и сестра комбинаторы
  • Смежный брат и сестра комбинатор
  • Генеральный брат и сестра комбинатор

Манипулирование текстом

• text-transform
• white-space
• tab-size
• line-break
• word-break
• text-shadow CSS-текст-тень
• text-overflow
• letter-spacing
• word-spacing
• Сетка для документов

Переходы (Анимации) CSS-переход

• transition-property
• transition-duration
• transition-timing-function
• transition-delay

Медиа-запросы медиа-запросов

• ширина
• рост
• Устройство ширины
• Устройство высоты
• ориентация
• соотношение сторон
• Устройство коэффициента пропорциональности
• цвет
• цветовой индекс
• монохромный
• разрешающая способность
• сканирование
• сетка

@font-face (Веб-шрифты) font-face

• font-family
• src
• Свойства шрифта
• Диапазон символов
• Особенности шрифта

речь

• Смешивание свойств
• Говорящие свойства
• Пауза свойства
• Недвижимость для отдыха
• Cue свойства
• Характеристика голоса
• Свойство длительности голоса

Полезные фрагменты CSS

• CSS-Tricks

Комната чата

Поговорите о CSS3 с другими пользователями Stack Overflow

• HTML / CSS / WebDesign