Кейсы

Для создания однострочного текстового поля применяется элемент <input>. Чтобы получилось не просто пустое поле, а поле с заранее выведенным текстом, нужно к <input>…

Для изменения цвета фона и текста кнопки используем, соответственно, свойства background и color, добавляя их к селектору button, как показано в примере 1. Пример 1. Цветные…

Чтобы пользователь понимал, что его щелчок по кнопке сработал, в момент щелчка меняют вид самой кнопки. Для этого используется псевдокласс :active, который добавляется к селектору…

В правом нижнем углу текстового поля <textarea> есть небольшой уголок (рис. 1) с помощью которого мышью можно изменить размеры поля. Рис. 1. Вид текстового поля Вид…

По умолчанию фоновая картинка повторяется по горизонтали и вертикали, выстраиваясь мозаикой по всему элементу. Такое поведение не всегда требуется, часто картинка используется для…

Для изменения размеров фоновой картинки используется свойство background-size. Значение 100% масштабирует изображение на всю доступную ширину, при этом высота будет задана…

Для создания цветного фона разной степени прозрачности применяется свойство background или background-color, в качестве значения указывается функция rgba(), в которой цвет задаётся…

Для создания градиентов предназначена функция linear-gradient(), которая добавляется к свойству background или background-image. background: linear-gradient(#9A5044, #E8D9A9);…

За размытие содержимого элемента, включая картинки, отвечает функция blur(), которая применяется к свойству filter. Эта функция размывает всё на своём пути, поэтому сперва надо…

Для изменения цвета фона всей веб-страницы применяется свойство background-color (или универсальное background), которое добавляется к селектору body, а для цвета текста…