Шпаргалка по CSS

В этой шпаргалке собраны селекторы и свойства CSS 2.1, а также пояснение блочной модели отображения и некоторая дополнительная информация. Шпаргалка представлена в виде таблицы, помещающейся на одном печатном листе формата A4. Создана под лицензией Creative Commons на базе шпаргалки, автором которой является Dave Child (подробнее).

• Скачать в PDF     ~71 кб
• Скачать в PNG     ~83 кб

Селекторы

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

Псевдо-селекторы

Псевдо-селекторы используются для определения стилей несуществующих или пребывающих в определенном состоянии элементов. В этой части приведены различные псевдо-селекторы.

Единицы измерения

CSS позволяет определять размеры и цвета множеством разных способов, некоторые из которых могут оказаться особенно полезными при комбинировании с различными медиа-типами целевых браузеров. Эта часть шпаргалки содержит описание единиц измерения в CSS.

Дополнительная информация о единицах измерения в CSS.

Блочная модель

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

Список свойств

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

Рекомендуем также:

• Шпаргалка по регулярным выражениям
• Шпаргалка по mod_rewrite