Опубликовано: 18.08.2010 Последняя правка: 08.12.2015

CSS справочник

CSS справочник В этом разделе находится хороший CSS справочник, включающий в себя свойства CSS, псевдоэлементы, псевдоклассы, правила, с подробным описанием их синтаксиса, примерами, поддержкой браузерами и версиями CSS. Вся информация удобно структурирована и подробно расписана.

Справочник по CSS

Описание

Каждая страница CSS справочника начинается с описания назначения того или иного свойства, псевдокласса, псевдоэлемента и так далее, чтобы сразу можно было понять то ли это, что вам необходимо. Но при этом не надо забывать о том, что в CSS существует много свойств и способов, с помощью которых можно изменить одни и те же характеристики тегов HTML, однако всегда лучше выбирать тот из них, который больше всего будет подходить для ваших нужд.

Например, если вам надо у какого-то тега сделать одинаковую со всех сторон рамку, то лучше использовать свойство border, если же рамка должна быть с каждой стороны разная или присутствовать только с одной стороны элемента, то правильней будет применить свойства подобные border-bottom и т.п.

Тип

В этом подразделе страниц справочника находятся параметры, которые помогут вам правильно использовать CSS, избежав многих ошибок. Вообще, в данном случае понятие «тип» очень условное и служит лишь для группирования следующих характеристик:

Назначение. В данном пункте указывается ссылка на страницу, которая содержит описание свойств или правил из той же группы, что и рассматриваемое вами, например форматирование или рамки.

Применяется. Здесь перечисляются HTML-элементы, к которым можно применить данное свойство, псевдоэлемент и т.д., а также какие-либо условия по этому применению (если есть). При этом не стоит забывать, что если у вас что-то не работает, то совсем не обязательно это является следствием какой-то ошибки, возможно дело просто в приоритетах стилей CSS.

Наследуется. В этом пункте справочника CSS указывается, будет ли значение данного свойства наследоваться потомками HTML-элемента, к которому оно было применено.

Значения

В данном подразделе перечисляются допустимые значения свойств CSS, которые вы можете использовать в стилях.

Процентная запись. Если в качестве значения свойства может быть применена процентная запись, то это будет отражено в этом пункте.

Значение по умолчанию. Здесь указывается значение, которое будет использовано браузером в том случае, если к HTML-элементу не будет применяться данное свойство.

Синтаксис

Чтобы вы имели более четкое представление о правильном указании стилей, в этом подразделе приводится их синтаксис и реальный пример использования.

Версии CSS

CSS1CSS2CSS2.1CSS3
Версия:CSS 1CSS 2CSS 2.1CSS 3
Поддержка:НетДаДаДа

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

Браузеры

IEChromeFireFoxOperaSafari
Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и 7.08.0 и выше2.0 и выше2.03.03.6 и выше9.2 и выше3.1 и выше
Поддержка:НетДаЧастичноНетЧастичноДаНетДа

В самом низу страниц справочника CSS указаны данные по поддержке стилей разными версиями популярных браузеров. Эта информация тоже продублирована вверху, но в более сокращенной форме. Например, если какое-то свойство полностью поддерживается браузерами, то возле его значка будет стоять зеленая галочка, если совсем не поддерживается — красный крестик. Если же какие-то версии одного браузера поддерживают свойство полностью, какие-то — частично, а какие-то его совсем не понимают, то во всех этих случаях будет стоять фиолетовая галочка.