Все команды css html

Руководство по CSS

Данный справочник по CSS перечисляет все стандартные свойства, псевдоклассы и псевдоэлементы, @-правила, единицы измерения и селекторы CSS в алфавитном порядке. Справочник позволит вам быстро найти подробную информацию о каждом из них. Он не только перечисляет свойства CSS 1 и CSS 2.1, но является и справочником по CSS3 со ссылками на описание каждого стандартизированного или уже стабилизированного свойства CSS3. Также включает в себя краткое руководство DOM-CSS / CSSOM.

Заметьте, что определения CSS-правил полностью (ASCII) текста-ориентированы, в то время как определения правил DOM-CSS / CSSOM объектно-ориентированы.

Смотрите также Mozilla CSS Extensions (en-US) для Gecko-специфичных свойств с префиксом -moz ; и WebKit CSS Extensions (en-US) для WebKit-специфичных свойств. Смотрите Обзор CSS-префиксов для разных браузеров от Peter Beverloo для всех свойств с префиксами.

Базовый синтаксис правил

Имейте в виду, что любая синтаксическая ошибка в задании правил сделает некорректным всё правило.

Стили

. где selectorlist: selector[:pseudo-class] [::pseudo-element] [, more selectorlists]

Смотрите списки селекторов, псевдоэлементов и псевдоклассов ниже.

Примеры

strong  color: red; > div.menu-bar li:hover > ul  display: block; > 

@-правила

Так как у них есть много различных структурных форматов, смотрите нужный синтаксис @-правил.

Источник

HTMLBASE — самый современный справочник по HTML и CSS.

Для тех кто начал изучать HTML и CSS. Здесь вы найдете описание всех HTML тегов и атрибутов, описание CSS свойств и значений, много примеров кода, а так же видео и задачи для эффективного обучения.

HTML теги

CSS свойства

• Псевдоклассы и псевдоэлементы
• ::after псевдоэлемент
• ::before псевдоэлемент
• ::first-letter первый символ в тексте
• ::first-line первая строка
• ::placeholder текст по умолчанию в элементах форм
• :active момент нажатия
• :checked выбранный radio, checkbox, option
• :disabled неактивное состояние элемента
• :empty если элемент пустой
• :first-child первый элемент
• :first-of-type первый потомок по типу
• :focus фокус на элементе
• :hover наведение на элемент
• :invalid неверное заполнение элементов форм
• :last-child последний дочерний элемент
• :last-of-type последний потомок по типу
• :not элементы, не соответствующие селектору
• :nth-child по номеру элемента в дереве
• :nth-last-child по номеру элемента в дереве с конца
• :nth-of-type по тегу и номеру элемента
• :required обязательный элемент формы
• :valid верное заполнение элементов форм
• :visited посещенная ссылка
• a
• align-content выравнивание строк вдоль поперечной оси flex/grid
• align-items выравнивание элементов flex/grid по поперечной оси
• align-self выравнивает элемент flex/grid по поперечной оси
• animation создание анимации
• animation-delay задержка старта анимации
• animation-direction направление анимации
• animation-duration время длительности анимации
• animation-fill-mode стили объекта анимации до и после ее выполнения
• animation-iteration-count кол-во повторений анимации
• animation-name имя анимации
• animation-play-state состояние анимации
• animation-timing-function функция расчета значений анимации
• b
• backface-visibility
• background все правила фона
• background-attachment поведение фонового изображения при скролле
• background-blend-mode Способ наложения фона
• background-clip поведение фона при наличии границы
• background-color цвет фона
• background-image фоновое изображение
• background-origin область позиционирования фонового изображения
• background-position позиционирование фонового изображения
• background-repeat повтор фонового изображения
• background-size размер фонового изображения
• border граница элемента
• border-bottom граница снизу
• border-bottom-color цвет границы снизу
• border-bottom-left-radius закругление нижнего левого угла
• border-bottom-right-radius закругление нижнего правого угла
• border-bottom-style стиль границы снизу
• border-bottom-width толщина границы снизу
• border-collapse поведение границ таблицы
• border-color цвет границы
• border-left граница слева
• border-left-color цвет границы слева
• border-left-style стиль границы слева
• border-left-width толщина границы слева
• border-radius закругление углов
• border-right граница справа
• border-right-color цвет границы справа
• border-right-style стиль границы справа
• border-right-width толщина границы справа
• border-style стиль границы
• border-top граница сверху
• border-top-color цвет границы сверху
• border-top-left-radius закругление верхнего левого угла
• border-top-right-radius закругление верхнего правого угла
• border-top-style стиль границы сверху
• border-top-width толщина границы сверху
• border-width толщина границы элемента
• bottom позиция от нижнего края
• box-shadow тень элемента
• box-sizing алгоритм подсчета размеров
• c
• clear очистка обтеканий
• color цвет текста
• cursor вид курсора
• d
• display тип элемента
• f
• flex flex-grow + flex-shrink + flex-basis
• flex-basis начальный размер flex элемента
• flex-direction задает основную ось flex контейнера
• flex-flow flex-direction + flex-wrap
• flex-grow рост flex элементов
• flex-shrink сжатие flex элемента
• flex-wrap перенос элементов flex контейнера
• float плавающий элемент
• font все правила шрифта
• font-family семейство шрифтов
• font-size размер шрифта
• font-style наклон шрифта
• font-variant модификация символов шрифта
• font-weight толщина шрифта
• g
• grid-column-gap отступ между столбцов grid сетки
• grid-gap отступ между строк и ячеек grid
• grid-row-gap отступ между строк grid сетки
• grid-template-areas элементы grid сетки
• grid-template-columns размеры столбцов grid сетки
• grid-template-rows размеры строк grid сетки
• h
• height высота элемента
• j
• justify-content выравнивание flex элементов по главной оси
• justify-self выравнивание grid элемента
• l
• left позиция от левого края
• letter-spacing отступ между символами
• line-height межстрочный отступ
• list-style стилизация списка
• list-style-image изображение маркера элементов списка
• list-style-position позиция маркера элементов списка
• list-style-type стиль маркера элемента списка
• m
• margin внешний отступ
• margin-bottom внешний отступ снизу
• margin-left внешний отступ слева
• margin-right внешний отступ справа
• margin-top внешний отступ сверху
• max-height максимальная высота
• max-width максимальная ширина
• min-height минимальная высота
• min-width минимальная ширина
• o
• object-fit Заполнение элемента
• object-position Позиция заполняемого элемента
• opacity непрозрачность элемента
• order порядок flex элемента
• outline обводка элемента
• outline-color цвет обводки
• outline-offset отступ обводки
• outline-style стиль обводки
• outline-width толщина обводки
• overflow Переполнение блока
• overflow-wrap разрыв строк в неразрывной строке
• overflow-x переполнение по оси X
• overflow-y переполнение по оси Y
• p
• padding внутренний отступ
• padding-bottom внутренний отступ снизу
• padding-left внутренний отступ слева
• padding-right внутренний отступ справа
• padding-top внутренний отступ сверху
• perspective эффект перспективы
• pointer-events контроль событий мыши
• position позиционирование элемента
• r
• resize изменение размера элемента
• right позиция от правого края
• t
• table-layout расчет размеров ячеек таблицы
• text-align выравнивание текста
• text-align-last выравнивание текста последней строки
• text-decoration декорация текста
• text-decoration-color цвет линии подчеркивания
• text-decoration-line линия подчеркивания текста
• text-decoration-style стиль линии подчеркивания
• text-indent отступ абзаца
• text-overflow поведение скрытого текста
• text-shadow тень для текста
• text-transform меняет регистр текста
• top позиция от верхнего края
• transform трансформация элемента
• transform-origin точка трансформации
• transform-style плоскость дочерних элементов
• transition плавный переход свойства
• transition-delay задержка перед запуском перехода
• transition-duration длительность плавного перехода
• transition-property свойство плавного перехода
• transition-timing-function функция расчета перехода
• v
• vertical-align вертикальное выравнивание
• w
• white-space Обработка пробелов элемента
• width ширина элемента
• word-break как делать перенос текста
• word-spacing интервал между словами
• z
• z-index индекс элемента по оси Z

Источник