Справочник CSS

@-правила

• @charset
• @document
• @font-face
• @import
• @keyframes
• @media
• @page
• @supports
• @viewport

Селекторы и их комбинации

• A
• #id
• .class
• .class1.class2
• *
• A   B
• A > B
• A + B
• A ~ B
• [attr]
• [attr='value']
• [attr^='value']
• [attr$='value']
• [attr*='value']
• [attr~='value']
• [attr|='value']

Псевдоклассы

• :active
• :blank
• :checked
• :default
• :disabled
• :dir
• :empty
• :enabled
• :first-child
• :first-of-type
• :focus
• :focus-within
• :fullscreen
• :hover
• :in-range
• :indeterminate
• :invalid
• :lang
• :last-child
• :last-of-type
• :link
• :not
• :nth-child
• :nth-last-child
• :nth-last-of-type
• :nth-of-type
• :only-child
• :only-of-type
• :optional
• :out-of-range
• :placeholder-shown
• :read-only
• :read-write
• :required
• :root
• :target
• :valid
• :visited

Псевдоэлементы

• ::after
• ::backdrop
• ::before
• ::first-letter
• ::first-line
• ::marker
• ::placeholder
• ::selection

Вендорные свойства, псевдоклассы, псевдоэлементы

Эти свойства работают только в определённых браузерах. Префикс -moz- для Firefox, -ms- для Internet Explorer, -webkit- для Chrome и Safari, -o- для Opera.

• -moz-orient
• -ms-interpolation-mode
• ::-ms-browse
• ::-ms-check
• ::-ms-clear
• ::-ms-expand
• ::-ms-fill
• ::-ms-fill-lower
• ::-ms-fill-upper
• ::-ms-reveal
• ::-ms-thumb
• ::-ms-ticks-after
• ::-ms-ticks-before
• ::-ms-tooltip
• ::-ms-track
• ::-ms-value
• ::-webkit-meter-bar
• ::-webkit-meter-optimum-value
• ::-webkit-meter-suboptimum-value
• ::-webkit-meter-even-less-good-value

Значения свойств

• currentColor
• inherit
• initial
• unset
• Адрес
• Время
• Медиа-запросы
• Проценты
• Размер
• Строка
• Угол
• Фильтр
• Цвет
• Число

Функции

• abs()
• attr()
• blur()
• brightness()
• calc()
• clamp()
• contrast()
• cos()
• drop-shadow()
• grayscale()
• hue-rotate()
• invert()
• linear-gradient()
• opacity()
• perspective()
• radial-gradient()
• repeating-linear-gradient()
• repeating-radial-gradient()
• rotate()
• rotateX()
• rotateY()
• rotateZ()
• saturate()
• scale()
• scaleX()
• scaleY()
• scaleZ()
• sepia()
• sign()
• sin()
• skew()
• skewX()
• skewY()
• translate()
• translateX()
• translateY()
• translateZ()
• var()

Единицы

Размер

• ch
• cm
• em
• ex
• in
• mm
• pc
• pt
• px
• rem
• vh
• vmax
• vmin
• vw

Угол

• deg
• grad
• rad
• turn

Время

• s
• ms

Разрешение

• dpi
• dpcm
• dppx