используются, когда необходимо определить стиль для отдельного элемента веб-страницы.
Имена классов должны начинаться с латинского символа и могут содержать символ дефиса (-) и подчеркивания (_).
Чтобы указать в HTML-коде, что тег используется с определенным классом, в тег добавляется атрибут class="имя-класса".
Устанавливает насыщенность(жирность) шрифта. Стандартная жирность шрифта равна 400.
Добавляет оформление текста в виде его подчеркивания(underline), перечеркивания(line-through) и линии над текстом(overline).
background: linear-gradient(угол градиента(deg),
первый цвет градиента(rgb) процент первого цвета(%), второй цвет градиента(rgb) процент второго цвета(%));
Свойство -webkit-background-clip: text; обрезает любой
фон(в том числе градиентный) по границе текста.
Используется в сочетании с css-свойством
-webkit-text-fill-color: transparent; которое обеспечивает прозрачность букв текста, за счет чего фон проглядывает через него.
Параметры: цвет тени(rgb), смещение по горизонтали
(сдвиг по X), смещение по вертикали(сдвиг по Y) и радиус размытия. Чем больше радиус размытия, тем сильнее тень сглаживается, становится шире и светлее.
Значение 0 соответствует прозрачности элемента, значение 1 - непрозрачности элемента.
Устанавливает цвет заднего фона:
1) сплошной цвет(rgb);
2) градиент - linear-gradient(угол(deg), цвет(rgb) процент цвета(%), цвет(rgb) процент цвета(%));
3) Изображение для заднего фона может устанавливаться как в свойстве background-image, так и в свойстве background.
background-position CSS определяет расположение изображения внутри элемента по горизонтали и по вертикали.
background-size CSS задает ширину и высоту изображения внутри элемента.
background-repeat CSS указывает будет ли повторяться изображение.
<img class="Имя класса" src="Адрес изображения">. Чтобы стилизовать иконку, нужно добавить класс и адрес изображения.
Свойство position: absolute; позволит изменить расположение картинки внутри элемента с помощью свойств left(от левого края) и top(от верхнего края).
width CSS задает ширину элемента.
height CSS задает высоту элемента.
устанавливает радиус скругления углов рамки. Если рамка не задана, то скругление также происходит и с фоном.
Позволяет установить толщину, тип и цвет границы вокруг элемента.
поворачивает элемент на заданный угол относительно точки трансформации.
масштабирует элемент по горизонтали и по вертикали.
наклоняет элемент на заданный угол по вертикали и по горизонтали.
box-shadow: сдвиг по X, сдвиг по Y, радиус размытия, растяжение, цвет;
inset CSS добавляет тень внутри элемента.
устанавливает эффект перехода между двумя состояниями элемента.
transition: тип, время анимации, функция;
Чтобы перенести кнопку на свой сайт, в файле «file-name.html» вам нужно добавить тег и назначить подходящий класс. Вы можете использовать тег из формы «HTML код».
Вы можете назначить свойства элементу сайта несколькими способами:
1. Создайте файл «file-name.css» и добавьте содержимое формы «CSS-код»
2. В файле «file-name.html» добавьте все свойства из формы в тег <style> here </style>