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

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

CSS Шпаргалка

CSS

Селекторы
* Все элементы
div <div>
div * Все элементы внутри <div>
div span <span> внутри <div>
div, span <div> и <span>
div > span <span> с родителем <div>
div + span <span> после <div>
.class Элементы класса «class»
div.class <div> класса «class»
#itemid Элемент с id='itemid'
div#itemid <div> с id='itemid'
div[attr] <div> с аттрибутом «attr»
div[attr=x] <div> с аттрибутом «attr» = «x»
div[class*=x] <div> с классом «class» содержащим «x»
div[attr^=x] <div> аттрибутом «attr» начинающимся с «x»
div[attr$=x] <div> с аттрибутом заканчивающемся на «x»
Псевдо-селекторы и псевдо-классы
:first-child Первый дочерний элемент
:first-line Первая строка элемента
:first-letter Первая буква элемента
:hover Элемент с наведенной мышью
:active Активный элемент
:focus Элемент с фокусом
:link Непосещенные ссылки
:visited Посещенные ссылки
:lang(var) Элемент с языком «var»
:before Перед элементом
:after После элемента
Размеры и цвета
0 Не требует величины
Относительные размеры
em 1 em равен размеру шрифта родителя (100%)
ex Высота буквы «x»
% Проценты
Абсолютные размеры
px Пиксели
cm Сантиметры
mm Миллиметры
in Дюймы
pt 1 pt равен 1/72 дюйма
pc 1 pc = 1/6 дюйма
Цвета
#789abc Шестнадцетиричная запись RGB
#acf Соответствует записи «#aaccff»
rgb(0,25,50) Значение красного, зеленого и синего цветов. Можно заменить %
Блоки
margin × border-color ×
margin-top border-top-color
margin-right border-right-color
margin-bottom border-bottom-collor
margin-left border-left-collor
padding × border-style ×
padding-top border-top-style
padding-right border-right-style
padding-bottom border-bottom-style
padding-left border-left-style
border × border-width ×
border-top × border-top-width
border-right × border-right-width
border-bottom × border-bottom-width
border-left × border-left-width
Таблицы
caption-side + border-spacing +
table-layout empty-cells +
border-collapse + speak-header
Страницы
size page-break-inside +
marks page +
page-break-before orphans +
page-break-after widows +
Интерфейс
cursor + outline-style
outline × outline
page-break-before orphans +
page-break-after widows +
Аудио
volume + elevation
speak + speech-rate
pause × voice-family
pause-before pitch
pause-after pitch-range
cue × stress
cue-before richness
cue-after speak-punctuation
play-during speak-numeral
azimuth +
Разное
content list-style-type +
quotes + list-style-image +
counter-reset list-style-position +
counter-increment marker-offset
list-style + ×
Блочная модель
Блочная модель
Позиционирование
display clear
position z-index
top direction +
right unicode-bidi
bottom overflow
left clip
float visibility
Размеры
width min-height
min-width max-height
max-width vertical-align
height
Цвет и фон
color + background-repeat
background + background-image
background-color background-position
background-attachment
Текст
text-indent + word-spacing +
text-align + text-transform +
text-decoration white-space +
text-shadow line-height +
letter-spacing
Шрифт
font + × font-weight +
font-family + font-stretch +
font-style + font-size +
font-variant + font-size-adjust +
Примечание
Сокращенные свойства — ×
Наследуемые свойства — +

All4CMS.ru