Справочник 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']

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

• :any-link
• :active
• :autofill
• :blank
• :buffering
• :checked
• :default
• :defined
• :disabled
• :dir()
• :empty
• :enabled
• :first
• :first-child
• :first-of-type
• :focus
• :focus-visible
• :focus-within
• :fullscreen
• :has
• :hover
• :in-range
• :indeterminate
• :invalid
• :is()
• :lang()
• :last-child
• :last-of-type
• :local-link
• :left
• :link
• :muted
• :not()
• :nth-child()
• :nth-last-child()
• :nth-last-of-type()
• :nth-of-type()
• :only-child
• :only-of-type
• :optional
• :out-of-range
• :paused
• :picture-in-picture
• :placeholder-shown
• :playing
• :read-only
• :read-write
• :required
• :right
• :root
• :seeking
• :stalled
• :target
• :user-invalid
• :user-valid
• :valid
• :visited
• :volume-locked

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

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

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

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

• -moz-orient
• -ms-interpolation-mode
• :-moz-meter-optimum
• :-moz-meter-sub-optimum
• :-moz-meter-sub-sub-optimum
• ::-moz-color-swatch
• ::-moz-focus-inner
• ::-moz-list-bullet
• ::-moz-list-number
• ::-moz-meter-bar
• ::-moz-progress-bar
• ::-moz-range-progress
• ::-moz-range-thumb
• ::-moz-range-track
• ::-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-color-swatch
• ::-webkit-meter-bar
• ::-webkit-meter-optimum-value
• ::-webkit-meter-suboptimum-value
• ::-webkit-meter-even-less-good-value
• ::-webkit-progress-bar
• ::-webkit-progress-value
• ::-webkit-scrollbar
• ::-webkit-scrollbar-thumb
• ::-webkit-search-cancel-button
• ::-webkit-search-results-button
• ::-webkit-slider-runnable-track
• ::-webkit-slider-thumb

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

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

Функции

• abs()
• acos()
• attr()
• blur()
• brightness()
• calc()
• clamp()
• contrast()
• cos()
• drop-shadow()
• grayscale()
• hsl()
• hue-rotate()
• hwb()
• hypot()
• inset()
• invert()
• linear-gradient()
• log()
• max()
• min()
• mod()
• opacity()
• perspective()
• pow()
• radial-gradient()
• rect()
• rem()
• repeating-linear-gradient()
• repeating-radial-gradient()
• rgb()
• rgba()
• rotate()
• rotateX()
• rotateY()
• rotateZ()
• saturate()
• scale()
• scaleX()
• scaleY()
• scaleZ()
• sepia()
• sign()
• sin()
• skew()
• skewX()
• skewY()
• sqrt()
• steps()
• tan()
• translate()
• translateX()
• translateY()
• translateZ()
• var()
• xywh()

Единицы

Размер

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

Угол

• deg
• grad
• rad
• turn

Время

• s
• ms

Разрешение

• dpi
• dpcm
• dppx