CSS справочник
В этом разделе находится хороший CSS справочник, включающий в себя свойства CSS, псевдоэлементы, псевдоклассы, правила, с подробным описанием их синтаксиса, примерами, поддержкой браузерами и версиями CSS. Вся информация удобно структурирована и подробно расписана.
Справочник по CSS
Описание
Каждая страница CSS справочника начинается с описания назначения того или иного свойства, псевдокласса, псевдоэлемента и так далее, чтобы сразу можно было понять то ли это, что вам необходимо. Но при этом не надо забывать о том, что в CSS существует много свойств и способов, с помощью которых можно изменить одни и те же характеристики тегов HTML, однако всегда лучше выбирать тот из них, который больше всего будет подходить для ваших нужд.
Например, если вам надо у какого-то тега сделать одинаковую со всех сторон рамку, то лучше использовать свойство border, если же рамка должна быть с каждой стороны разная или присутствовать только с одной стороны элемента, то правильней будет применить свойства подобные border-bottom и т.п.
Тип
В этом подразделе страниц справочника находятся параметры, которые помогут вам правильно использовать CSS, избежав многих ошибок. Вообще, в данном случае понятие «тип» очень условное и служит лишь для группирования следующих характеристик:
Назначение. В данном пункте указывается ссылка на страницу, которая содержит описание свойств или правил из той же группы, что и рассматриваемое вами, например форматирование или рамки.
Применяется. Здесь перечисляются HTML-элементы, к которым можно применить данное свойство, псевдоэлемент и т.д., а также какие-либо условия по этому применению (если есть). При этом не стоит забывать, что если у вас что-то не работает, то совсем не обязательно это является следствием какой-то ошибки, возможно дело просто в приоритетах стилей CSS.
Наследуется. В этом пункте справочника CSS указывается, будет ли значение данного свойства наследоваться потомками HTML-элемента, к которому оно было применено.
Значения
В данном подразделе перечисляются допустимые значения свойств CSS, которые вы можете использовать в стилях.
Процентная запись. Если в качестве значения свойства может быть применена процентная запись, то это будет отражено в этом пункте.
Значение по умолчанию. Здесь указывается значение, которое будет использовано браузером в том случае, если к HTML-элементу не будет применяться данное свойство.
Синтаксис
Чтобы вы имели более четкое представление о правильном указании стилей, в этом подразделе приводится их синтаксис и реальный пример использования.
Версии CSS
| Версия: | CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
| Поддержка: | Нет | Да | Да | Да |
В нижней части страниц находится информация по поддержке стилей разными версиями CSS, для удобства она дублируется и вверху в виде небольших изображений. В отличие от подобных данных справочника по тегам HTML, данная информация не несет большой полезной нагрузки. Дело в том, что в CSS отсутствует надобность в указании версии языка, поэтому вы можете свободно использовать стили из разных версий. Самое главное, чтобы они поддерживались браузерами.
Браузеры
| Браузер: | Internet Explorer | Google Chrome | Mozilla Firefox | Opera | Safari | |||
| Версия: | 6.0 и 7.0 | 8.0 и выше | 2.0 и выше | 2.0 | 3.0 | 3.6 и выше | 9.2 и выше | 3.1 и выше |
| Поддержка: | Нет | Да | Частично | Нет | Частично | Да | Нет | Да |
В самом низу страниц справочника CSS указаны данные по поддержке стилей разными версиями популярных браузеров. Эта информация тоже продублирована вверху, но в более сокращенной форме. Например, если какое-то свойство полностью поддерживается браузерами, то возле его значка будет стоять зеленая галочка, если совсем не поддерживается — красный крестик. Если же какие-то версии одного браузера поддерживают свойство полностью, какие-то — частично, а какие-то его совсем не понимают, то во всех этих случаях будет стоять фиолетовая галочка.