Селекторы |
* |
Все элементы |
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 + |
|