| Главная » Все материалы сайта » Справочник CSS-3 » Введение |
Справочник CSSОписание стилевых свойства на этом сайте сделано по одному и тому же шаблону. А именно: описание включает в себя, как правило, таблицу браузеров с указанием номеров их версий, которые поддерживают указанное свойство, синтаксис написания, допустимые значения, наследование и к каким элементам свойство применяется. Каждое свойство иллюстрируется примером (а то и парой наглядных примеров) применения. В большинстве случаев приводится рисунок, демонстрирующий результат примера, что позволяет наглядно понять, как действует то или иное свойство CSS на конечный результат. БраузерыНесмотря на то, что большинство свойств CSS описаны достаточно давно, разработчики браузеров не всегда включали их поддержку или делали частичную поддержку того или иного свойства CSS. Из-за этого часто возникали ситуации, когда стандарты нельзя было применять только потому, что они не работали. К великой радости эта ситуация поправляется и практически все современные браузеры поддерживают спецификацию CSS 2.1 почти в полном объеме, но еще не до конца. Тем не менее, при создании универсальных веб-страниц, которые корректно отображаются в разных браузерах, необходимо знать, какие свойства будут работать и где, а какие нет. Для этого в этом справочнике приведены популярные браузеры - Internet Explorer, Chrome, Opera, Safari и Firefox. Кроме этого используются нижеприведенные обозначения:
Значение по умолчаниюЕсли какое-то свойство в стиле не приводится явно, то браузер, тем не менее, самостоятельно применяет его со значением, которое установлено по умолчанию. Подобные значения не всегда являются оптимальными, поэтому их можно переназначить, если напрямую указать свойство с желаемым значением. НаследованиеНаследование - это перенос правил форматирования для элементов, находящихся внутри других. Например, если для тега <p> задан красный цвет текста, а для курсива <i>, который находится внутри абзаца, нет, то в этом случае вложенный элемент наследует свойства своего родителя и курсивный текст также будет красным. Наследование полезно для задания свойств, применяемых к элементу по умолчанию. Так, достаточно задать параметры форматирования тега <table> и к ячейкам таблицы <td> они будут применены автоматически. Точно так же можно определить свойства тега <body>, который порождает стиль всех остальных элементов веб-страницы. Существует два варианта применения наследования. Если свойство наследуется, то для дочернего элемента то же свойство можно не указывать, кроме случая, когда его использование желательно. Наоборот, если свойство не наследуются, то для дочернего элемента требуется указать свойство снова или пропустить, когда оно не требуется. ПрименениеСвойства CSS можно применять далеко не ко всем элементам веб-страницы, а только к тем, с которыми они «дружат». Большинство свойств работают со всеми элементами, а некоторые только с блочными или позиционированными. Например, для изображений совершенно бессмысленно устанавливать свойства, которые манипулируют с текстом. Так что в каждом случае следует решать самостоятельно, когда применять свойство, а когда нет. Ссылка на спецификациюДля объективности информации приводится ссылка на спецификацию CSS 2.1 или CSS 3 по указанному свойству. Саму спецификацию можно почитать по адресу http://www.w3.org/TR/CSS21/ Свойства CSS 3 еще не носят окончательный характер, поэтому ссылка приводится, как правило, на рабочие версии спецификации. Версии CSSУказано, в каких версиях CSS поддерживается стилевое свойство, а в каких нет. Используются следующие обозначения:
СинтаксисПри описании синтаксиса применяются следующие обозначения: ПримерыВсе примеры проверены на соответствие спецификации HTML с помощью валидатора по адресу http://validator.w3.org, а также на соответствие спецификации CSS 2.1 и CSS 3 с помощью валидатора (http://jigsaw.w3.org/css-validator). Возле каждого примера располагается таблица, где цветом выделяется, валиден пример или нет. Также приводятся некоторые популярные браузеры, в которых выполнялся пример и указано, работает в них пример или нет. Работоспособность обозначается той же цветовой схемой, что и для таблицы с браузерами. Объектная модельДля динамического изменения свойств элемента через JavaScript, необходимо знать, как к нему обращаться. Зная имя объекта и желаемое свойство, можно указать его новое значение без перезагрузки веб-страницы. Так, для сокрытия и отображения элемента применяется visibility, а объектная модель для управления его значением — document.getElementById("elementID").style.visibility. Указывая вместо elementID свой идентификатор элемента, заданный параметром id, получаем механизм для динамического скрывания некоторого содержимого. Источник: http://htmlbook.ru/ | |
Поделись ссылкой на эту страницу с друзьями:
| |
| Просмотров: 2579 | Рейтинг: 5.0/2 | |
— свойство описано в указанной версии CSS.
— свойство в эту версию спецификации CSS не включено.
