- •Каскадные Таблицы Стилей
- •Изменение ширины элемента с «шагом» в несколько пикселей из песочницы
- •В чем суть?
- •Как это работает?
- •Еще чуть-чуть о круглых аватарках на css3 и маленькой тайне Оперы из песочницы
- •6 Декабря 2011, 06:01
- •Круглые аватарки средствами css 3
- •2 Декабря 2011, 01:49
- •Свойство «text-size-adjust» становится более кроссбраузерным
- •Реалистичные тени при помощи css3 без использования изображений
- •InstaCss: удобный поиск по справочнику css
- •Тултипы на css3 и html5 из песочницы
- •Создаем анимированные кнопки при помощи css3
- •Создаем оригинальные hover-эффекты при помощи css3
- •Селекторы css
- •Это заголовок первого уровня
- •Это заголовок второго уровня
- •Это заголовок первого уровня
- •Это заголовок второго уровня
- •Внешние таблицы стилей
- •Пример кода
- •Пример кода
- •Встроенные стили
- •Образец кода
- •Каскадные таблицы стилей: язык css
- •Глава 2.1. Введение в таблицы стилей
- •2.1.1. Что такое css?
- •Моя домашняя страница
- •2.1.2. Включение таблиц стилей в html-документ
- •2.1.2.1. Внешние таблицы стилей
- •2.1.2.2. Внутренние таблицы стилей
- •2.1.2.3. Таблицы стилей элементов
- •2.1.3. Синтаксис css
- •2.1.3.1. Кодировка символов
- •2.1.3.2. Директива @charset
- •2.1.3.3. Операторы, директивы и правила
- •2.1.4. Типы данных css
- •Целые и действительные числа
- •Размеры
- •Процентные значения
- •Счетчики
- •Угловые величины
- •Времена
- •Частоты
- •2.1.5. Типы устройств отображения
- •2.1.6. Директива @media
Счетчики
Счетчики (далее обозначаются как <счетчик>) обозначаются идентификаторами. Для извлечения значения счетчика используются обозначения counter(идентификатор)или counter(идентификатор, стиль). По умолчанию стиль равен decimal. Для доступа ко всем счетчикам с данным именем используются обозначенияcounters(идентификатор, строка) или counters(идентификатор,строка, стиль). Последняя функция возвращает значения всех счетчиков с данным именем, существующих в данный момент, разделенных текстом строка.
Доступ к значению счетчиков возможен только из свойства content. Подробности см. в п. 2.11.3.
Угловые величины
Угловые величины (далее обозначаются как <угол>) используются в звуковых таблицах стилей для задания пространственных характеристик звука. Угол задается как<число>, за которым следует угловая единица измерения. Если угол равен 0, то единицу измерения можно не указывать. CSS поддерживает следующие единицы измерения углов:
deg |
градусы |
grad |
грады |
rad |
радианы |
Эти единицы соотносятся следующим образом: 90 градусов = 100 градов = 1.570796326794897 радиан. Примеры угловых величин:
H1 { azimuth: 45deg }
P { azimuth: -10deg }
H1 { elevation: 100grad }
P { elevation: 3.14rad }
Времена
Времена (далее обозначаются как <время>) используются в звуковых таблицах стилей для задания временных характеристик звука. Время задается как <число>, за которым следует единица измерения времени. Если время равно 0, то единицу измерения можно не указывать. CSS поддерживает следующие единицы измерения времени:
ms |
миллисекунды (1 мс = 0.001 с) |
s |
секунды (1с = 1000 мс) |
Времена не могут быть отрицательными. Примеры:
H1 { pause-before: 1s }
P { pause: 20ms }
Частоты
Частоты (далее обозначаются как <частота>) используются в звуковых таблицах стилей для задания частотных характеристик звука. Частота задается как <число>, за которым следует единица измерения частоты. Если частота равна 0, то единицу измерения можно не указывать. CSS поддерживает следующие единицы измерения частот:
hz |
герцы (1 Гц = 0.001 кГц) |
khz |
килогерцы (1 кГц = 1000 Гц) |
Частоты не могут быть отрицательными. Примеры:
H1 { pitch: 200hz } /* басовый звук */
P { pitch: 6khz } /* дрожащий звук */
2.1.5. Типы устройств отображения
Для каждого свойства CSS определяет те устройства отображения, к которым это свойство применимо. С этой целью все устройства отображения классифицированы в CSS по следующим признакам:
-
визуальные, звуковые и тактильные устройства;
-
непрерывные и страничные устройства;
-
символьные и графические устройства;
-
интерактивные и статические устройства;
-
all — все устройства.
Соответствующее разбиение устройств на группы выглядит так.
Таблица 2.5. Типы устройств отображения |
||||
Устройство |
Группы устройств |
|||
|
визуальное/ звуковое/ тактильное |
непрерывное/ страничное |
символьное/ графическое |
интерактивное/ статическое |
aural |
звуковое |
непрерывное |
— |
и то, и другое |
braille |
тактильное |
непрерывное |
символьное |
и то, и другое |
emboss |
тактильное |
страничное |
символьное |
и то, и другое |
handheld |
визуальное |
и то, и другое |
и то, и другое |
и то, и другое |
|
визуальное |
страничное |
графическое |
статическое |
projection |
визуальное |
страничное |
графическое |
статическое |
screen |
визуальное |
непрерывное |
графическое |
и то, и другое |
tty |
визуальное |
непрерывное |
символьное |
и то, и другое |
tv |
визуальное, звуковое |
и то, и другое |
графическое |
и то, и другое |