- •Css: Базовые понятия.
- •Id в качестве селектора
- •Css: Каскадирование.
- •Модульная структура
- •Баланс автор/читатель
- •Определение веса определений 'important'
- •Порядок каскадирования
- •Задание семейства шрифта ('font-family').
- •Единицы измерения, используемы в таблице стилей.
- •Свойства шрифта.
- •Задание начертания шрифта ('font-style')
- •Задание варианта шрифта ('font-variant').
- •Задание веса шрифта ('font-weight')
- •Задание размера шрифта ('font-size').
- •Задание шрифта в целом ('font')
- •Css: свойства цвета и фона.
- •Определение цвета ('color')
- •Определение цвета обоев ('background-color').
- •Определение рисунка фона ('background-image').
- •Определение повтора рисунка фона ('background-repeat').
- •Определение привязки фона ('background-attachment').
- •Определение положения фона ('background-position')
- •Определение свойств фона в целом ('background')
- •Css: свойства текста. Установка интервалов ('word-spacing')
- •Установка трекинга1 ('letter-spacing')
- •Установка оформления текста ('text-decoration')
- •Установка вертикального выравнивания текста ('vertical-align').
- •Установка преобразования текста ('text-transform')
- •Установка выравнивания текста ('text-align')
- •Установка абзацного отступа ('text-indent')
- •Установка высоты строки ('line-height').
Определение свойств фона в целом ('background')
Значение: <background-color> || <background-image> || <background-repeat> || <background-attachment> || <background-position>
По умолчанию: для обобщающего свойства не определено
Область приложения: все элементы
Наследование: нет
Процентное выражение: применительно к <background-position>
Свойство "фон" ('background') - это обобщающее свойство для установки отдельных свойств фона (т.е. цвета, рисунка, повтора, привязки и положения) в одном правиле таблицы стилей.
Возможные значения обобщающего свойства "фон" включают совокупность возможных значений каждого из составляющих свойств.
BODY { background: red }
P { background: url(chess.png) gray 50% repeat fixed }
Свойство "фон" всегда устанавливает все совокупные свойства фона сразу. В первой строке вышеуказанного примера явно задан только цвет фона, а значения остальных свойств принимаются по умолчанию. Во второй строке все совокупные свойства заданы явным образом.
Css: свойства текста. Установка интервалов ('word-spacing')
Значение: normal | <length>
По умолчанию: normal
Область применения: все элементы
Наследование: есть
Процентное выражение: неопр.
Численное выражение длины указывает на сколько следует увеличить величину интервалов между словами по умолчанию. Это значение может быть отрицательным, но в этом случае могут иметь место различные ограничения, накладываемые методами отработки. UA вправе самостоятельно выбирать алгоритм вычисления интервалов. Интервалы между словами могут также зависеть от способа выравнивания абзаца (последний определяется значением свойства "выравнивание" ('align') см. ниже).
H1 { word-spacing: 0.4em }
UA вправе квалифицировать любое значение "интервала" как 'normal'. Чем собственно и занимаются все броузеры и IE и NN (во всяком случае, до 5 версии включительно).
Установка трекинга1 ('letter-spacing')
Значение: normal | <length>
По умолчанию: normal
Область применения: все элементы
Наследование: есть
Процентное выражение: неопр.
Численное выражение длины указывает, на сколько следует увеличить величину межбуквенных интервалов по умолчанию. Это значение может быть отрицательным, но в этом случае могут иметь место различные ограничения, накладываемые методами отработки. UA вправе самостоятельно выбирать алгоритм вычисления интервалов. Межбуквенные интервалы могут также зависеть от способа выравнивания абзаца.
BLOCKQUOTE { letter-spacing: 0.1em }
Здесь межбуквенный интервал для элемента BLOCKQUOTE' увеличен на '0.1em'.
В случае значения 'normal', UA может менять межбуквенное расстояние для выравнивания абзаца. Этого не произойдет, если для "трекинга" будет указано значение длины в численном выражении:
BLOCKQUOTE { letter-spacing: 0 }
BLOCKQUOTE { letter-spacing: 0cm }
Т.е. в данных примерах не зависимо от выравнивания абзаца, или от применения каких-либо других условий, межбуквенные интервалы меняться не будут.
UA может интерпретировать любое значение трекинга как 'normal'.
Установка оформления текста ('text-decoration')
Значение: none | [ underline || overline || line-through || blink ]
По умолчанию: none
Область применения: все элементы
Наследование: нет с условием см ниже
Процентное выражение: неопр.
Это свойство описывает способ оформления текста в элементе.
underline – подчеркивание
overline – надчеркивание (линия будет проходить на словом)
line-through – перечеркивание
blink – мерцание текста.
Если в элементе нет текста (напр., элемент 'IMG' в HTML), либо в случае пустого элемента (напр. '<EM></EM>'), это свойство не имеет силы.
Цвет(а), требуемые для оформления текста, должны быть производными от значения свойства "color".
Это свойство не наследуется, но элементы должны соответствовать родительским. Например, если в элементе есть подчеркивание, черта должна передаваться дочерним элементам. Цвет подчеркивания остается даже в случаях, когда дочерние элементы имеют другие значения цвета.
A:link, A:visited, A:active { text-decoration: underline }
В вышеуказанном примере будет подчеркиваться текст для всех видов ссылок (т.е. все элементы 'A' с атрибутом 'HREF').
UA должны распознавать зарезервированное слово 'blink', хотя не обязательно должны поддерживать мерцание текста.
