Шпаргалки 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Не требует величины
Относительные размеры
em1 em равен размеру шрифта родителя (100%)
exВысота буквы «x»
%Проценты
Абсолютные размеры
pxПиксели
cmСантиметры
mmМиллиметры
inДюймы
pt1 pt равен 1/72 дюйма
pc1 pc = 1/6 дюйма
Цвета
#789abcШестнадцетиричная запись RGB
#acfСоответствует записи «#aaccff»
rgb(0,25,50)Значение красного, зеленого и синего цветов. Можно заменить %
Блоки
margin ×border-color ×
margin-topborder-top-color
margin-rightborder-right-color
margin-bottomborder-bottom-collor
margin-leftborder-left-collor
padding ×border-style ×
padding-topborder-top-style
padding-rightborder-right-style
padding-bottomborder-bottom-style
padding-leftborder-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-layoutempty-cells +
border-collapse +speak-header
Страницы
sizepage-break-inside +
markspage +
page-break-beforeorphans +
page-break-afterwidows +
Интерфейс
cursor +outline-style
outline ×outline
page-break-beforeorphans +
page-break-afterwidows +
Аудио
volume +elevation
speak +speech-rate
pause ×voice-family
pause-beforepitch
pause-afterpitch-range
cue ×stress
cue-beforerichness
cue-afterspeak-punctuation
play-duringspeak-numeral
azimuth +
Разное
contentlist-style-type +
quotes +list-style-image +
counter-resetlist-style-position +
counter-incrementmarker-offset
list-style + ×
Блочная модель

Позиционирование
displayclear
positionz-index
topdirection +
rightunicode-bidi
bottomoverflow
leftclip
floatvisibility
Размеры
widthmin-height
min-widthmax-height
max-widthvertical-align
height
Цвет и фон
color +background-repeat
background +background-image
background-colorbackground-position
background-attachment
Текст
text-indent +word-spacing +
text-align +text-transform +
text-decorationwhite-space +
text-shadowline-height +
letter-spacing
Шрифт
font + ×font-weight +
font-family +font-stretch +
font-style +font-size +
font-variant +font-size-adjust +
Примечание
Сокращенные свойства — ×
Наследуемые свойства — +

ViProger.Ru

фильмы бесплатно