Справочник Html и Css

Уважаемый гость, на данной странице Вам доступен материал по теме: Справочник Html и Css. Скачивание возможно на компьютер и телефон через торрент, а также сервер загрузок по ссылке ниже. Рекомендуем также другие статьи из категории «Учебники».

Справочник Html и Css.rar
Закачек 2835
Средняя скорость 8261 Kb/s

CSS справочник

Свойства по алфавиту

Свойства по разделам

Свойства по алфавиту

Свойства по разделам

1. Шрифты, текст, ссылки

  • font — краткая запись свойств шрифта
    • font-style — стиль начертания шрифта
    • font-variant — вариант начертания шрифта
    • font-weight — насыщенность шрифта
    • font-size — размер шрифта
    • font-family — семейство шрифтов
  • line-height — высота строки
  • text-align — горизонтальное выравнивание строк
  • text-indent — отступ первой строки
  • text-decoration — подчёркивание ссылок, текста
  • text-transform — трансформирование текста
  • color — цвет текста
  • white-space — обработка пробелов между словами
  • word-break — перенос длинных слов в строках
  • letter-spacing — расстояние между буквами (символами)
  • word-spacing — расстояние между словами
  • word-wrap — разрыв длинных слов
  • cursor — управление внешним видом курсора
  • vertical-align — вертикальное выравнивание строчных элементов, изображений и полей форм
  • tab-size — настройка табуляции
  • direction — направление написания слов в тексте
  • unicode-bidi — направление написания слов в тексте (используется вместе с direction)
  • border-collapse — удаление промежутка между рамками ячеек
  • border-spacing — увеличение промежутка между рамками ячеек
  • caption-side — управление местоположением подписи к таблице
  • empty-cells — скрытие пустых ячеек
  • table-layout — компоновка макета таблицы
  • list-style — краткая форма задания стилей списка
    • list-style-type — тип маркера списка
    • list-style-image — маркер-изображение для элементов списка
    • list-style-position — местоположение маркера списка

4. Блочная модель

  • display — тип генерируемого элементом контейнера
  • height — высота элемента
    • max-height — максимальная высота
    • min-height — минимальная высота
  • width — ширина элемента
    • max-width — максимальная ширина
    • min-width — минимальная ширина
  • margin — внешний отступ между рамкой элемента и другими элементами
    • margin-bottom — внешний отступ снизу
    • margin-left — внешний отступ слева
    • margin-right — внешний отступ справа
    • margin-top — внешний отступ сверху
  • padding — внутренний отступ между содержимым и рамкой элемента
    • padding-bottom — внутренний отступ снизу
    • padding-left — внутренний отступ слева
    • padding-right — внутренний отступ справа
    • padding-top — внутренний отступ сверху
  • box-sizing — управление расчётом ширины и высоты элемента с учётом внутренних отступов и толщины рамки
  • resize — позволяет растягивать элемент в ширину и высоту

5. Позиционирование и обтекание

  • position — управление положением элементов
    • bottom — смещение относительно нижней стороны блока-контейнера
    • left — смещение относительно левой стороны блока-контейнера
    • right — смещение относительно правой стороны блока-контейнера
    • top — смещение относительно верхней стороны блока-контейнера
  • float — перемещение элементов с выравниванием по левому или правому краю блока-контейнера
  • clear — отмена обтекания с одной или обоих сторон элемента
  • z-index — наложение элементов
  • object-fit — управляет заполнением контейнера для содержимого замещаемых элементов
  • object-position — позиционирует содержимое замещаемых элементов внутри контейнера относительно осей X и Y
  • text-overflow — обрезка строк
  • clip — обрезка части элемента
  • overflow — добавление полос прокрутки или скрытие содержимого
    • overflow-x — обрезка правого края контента внутри блока в случае его переполнения
    • overflow-y — обрезка нижнего края контента внутри блока в случае его переполнения

7. Видимость элемента

  • opacity — прозрачность элемента
  • visibility — управление видимостью элемента
  • background — задание фона элемента одним свойством
    • background-color — цвет фона
    • background-image — фоновое изображение
    • background-position — положение фонового изображения
    • background-repeat — повтор фонового изображения
    • background-size — размер фонового изображения
    • background-attachment — фиксация фонового изображения на месте
    • background-clip — заполнение фоном отступов и границ элемента
    • background-origin — положение фонового изображения относительно его родительского блока
  • background-blend-mode — режим смешивания фоновых слоёв, заданных в свойстве background-image
  • border — задание рамки элемента одним свойством
    • border-width — толщина рамки
    • border-style — стиль рамки
    • border-color — цвет рамки
  • border-bottom — задание нижней рамки одним свойством
    • border-bottom-width — ширина нижней рамки
    • border-bottom-style — стиль нижней рамки
    • border-bottom-color — цвет нижней рамки
  • border-left — задание левой рамки одним свойством
    • border-left-width — толщина левой рамки
    • border-left-style — стиль левой рамки
    • border-left-color — цвет левой рамки
  • border-top — задание верхней рамки одним свойством
    • border-top-width — толщина верхней рамки
    • border-top-style — стиль верхней рамки
    • border-top-color — цвет верхней рамки
  • border-right — задание правой рамки одним свойством
    • border-right-width — толщина правой рамки
    • border-right-style — стиль правой рамки
    • border-right-color — цвет правой рамки
  • border-radius — задание радиуса скругления углов рамки одним свойством
    • border-top-left-radius — верхний левый радиус
    • border-top-right-radius — верхний правый радиус
    • border-bottom-left-radius — нижний левый радиус
    • border-bottom-right-radius — нижний правый радиус
  • border-image — задание рамки-изображения одним свойством
    • border-image-outset — смещение рамки-изображения
    • border-image-repeat — повтор рамки-изображения
    • border-image-slice — размер частей рамки-изображения
    • border-image-source — источник рамки-изображения
    • border-image-width — толщина рамки-изображения
  • outline — задание внешнего контура одним свойством
    • outline-color — цвет внешнего контура
    • outline-offset — смещение внешнего контура
    • outline-style — стиль линии внешнего контура
    • outline-width — толщина линии внешнего контура

10. Генерируемое содержимое

  • content — добавление генерируемого содержимого
  • counter-increment — приращение счётчика
  • counter-reset — имя счётчика
  • quotes — добавление кавычек заданного типа
  • text-shadow — тень текста
  • box-shadow — тень блока
  • transition — краткая запись перехода
    • transition-delay — задержка перехода
    • transition-duration — продолжительность перехода
    • transition-property — название свойств, к которым будет применен перехода
    • transition-timing-function — функция перехода

13. Трансформации

  • backface-visibility — видимость обратной стороны элемента
  • perspective — активация 3D-пространства для элемента
  • perspective-origin — точка 3D-трансформации
  • transform — функция 2D-трансформации
  • transform-origin — точка 2D-трансформации
  • transform-style — стиль 3D-преобразований
  • animation — краткая запись всех свойств анимации
    • animation-name — название анимации
    • animation-duration — длительность анимации
    • animation-delay — задержка анимации
    • animation-direction — направление повтора анимации
    • animation-fill-mode — состояние элемента до и после воспроизведения анимации
    • animation-iteration-count — число повторов анимации
    • animation-play-state — остановка анимации
    • animation-timing-function — функция изменения скорости анимации во времени
  • flex — задание базовой ширины и трансформации элемента одним свойством
    • flex-basis — базовая ширина элемента
    • flex-grow — коэффициент увеличения ширины flex-элемента
    • flex-shrink — коэффициент уменьшения ширины flex-элемента
  • flex-flow — краткая запись направления и многострочности
    • flex-direction — направление главной оси flex-контейнера
    • flex-wrap — многострочность элементов
  • align-content — многострочное выравнивание
  • align-items — выравнивание элементов по вертикали
  • align-self — выравнивание отдельных элементов
  • order — порядок отображения элементов
  • justify-content — выравнивание элементов по горизонтали
  • column-rule — краткая запись стилей разделительной линии
    • column-rule-width — толщина разделительной линии
    • column-rule-style — тип разделительной линии
    • column-rule-color — цвет разделительной линии
  • columns — задание колонок с помощью одного свойства
    • column-count — количество колонок
    • column-width — ширина колонок
  • column-gap — ширина пустого пространства между колонками
  • column-span — позиционирование элемента на несколько колонок

17. Печать документов

  • page-break-after — наличие или отсутствие разрыва страницы после выбранного элемента
  • page-break-before — наличие или отсутствие разрыва страницы перед выбранным элементом
  • page-break-inside — наличие или отсутствие разрыва страницы внутри выбранного элемента
  • @charset — правило для задания кодировки символов, используемое в таблице стилей
  • @font-face — подключение пользовательских шрифтов
  • @import — правило для загрузки внешних таблиц стилей в выбранную таблицу стилей
  • @keyframes — правило для ключевых моментов анимации
  • @media — правило медиазапроса
  • @page — правило для изменения некоторых свойств при печати документа
  • имя тега — селектор тега — определяет указанные элементы для форматирования
  • . — селектор класса — отбирает элементы с заданным классом для форматирования
  • # — селектор идентификатора — отбирает элемент с указанным идентификатором для форматирования
  • * — универсальный селектор — применяет заданные свойства для всех элементов страницы
  • E[attr] — элементы данного типа, содержащие указанный атрибут
  • E[attr=»value»] — элементы, значение атрибута которых равно указанному значению
  • E[attr

=»value»] — элементы, значение атрибута которых частично содержит данное значение

  • E[attr|=»value»] — элементы, список значений атрибута которых начинается с указанного значения
  • E[attr^=»value»] — элементы, значение атрибута которых начинается с указанного значения
  • E[attr$=»value»] — элементы, значение атрибута которых заканчивается указанным значением
  • E[attr*=»value»] — элементы, значение атрибута которых содержит в любом месте указанное значение
    • E F — селектор потомка — выберет все элементы F , расположенные внутри E
    • E > F — дочерний селектор — выберет все элементы F , вложенные непосредственно в E (первый уровень вложенности)
    • E + F — сестринский селектор — выберет каждый первый элемент F , идущий сразу за тегом E
    • E

    F — сестринский селектор — выберет все элементы F , являющиеся сестринскими по отношению к любому E (расположенные на одном уровне)

    CSS справочник — свойства по алфавиту и с описанием по разделам. На этом данная статья подошла к завершению. Следите за обновлениями на нашем сайте. Получить дополнительную информацию, а также задать свои вопросы можно в комментариях.


    Статьи по теме