Псевдокласс :not()

С помощью :not() выберите все элементы, кроме указанных.

#CSS

Градиентный текст

Добавьте градиентный фон тексту.

#CSS

Флексбокс центрирование

Центрируйте элементы с помощью флексбокса.

#CSS

Изменение шрифта и размера текста

Этот код устанавливает шрифт Arial и размер 24 пикселя для заголовков <h1>.

#CSS

Добавление границы к элементам

Этот CSS-код добавляет тонкую черную границу среди элементов с классом box.

#CSS

Использование псевдокласса для ссылок

Этот CSS-код изменяет цвет ссылок при наведении курсора мыши на них на синий.

#CSS

Использование фонового изображения

Этот код устанавливает фоновое изображение для элементов с классом header и растягивает его, чтобы оно полностью покрывало фон.

#CSS

Использование отступов и полей

Этот код устанавливает отступ в 10 пикселей и поля внутри элементов с классом content.

#CSS

Изменение выравнивания текста

Этот CSS-код центрирует текст в элементах с классом center-text.

#CSS

Использование отступов и полей

Этот код устанавливает отступ в 10 пикселей и поля внутри элементов с классом content.

#CSS

Изменение ширины границы элемента при наведении

В этом примере CSS у элементов с классом border-hover устанавливается сначала тонкая синяя граница, которая становится толще при наведении курсора. Это достигается с помощью свойства border-width и эффекта плавного перехода (transition).

#CSS

Использование псевдокласса для ссылок

Этот CSS-код изменяет цвет ссылок при наведении курсора мыши на них на синий.

#CSS

Использование фонового изображения

Этот код устанавливает фоновое изображение для элементов с классом header и растягивает его, чтобы оно полностью покрывало фон.

#CSS

Изменение прозрачности элемента

Этот CSS-код делает элементы с классом transparent-box полупрозрачными.

#CSS

Использование медиазапросов

Этот CSS-код отображает элементы с классом mobile-menu только при ширине экрана менее 768 пикселей.

#CSS

Создание градиента

Этот код создает вертикальный градиент от оранжевого к желтому для элементов с классом gradient-box.

#CSS

Изменение курсора мыши

Этот CSS-код устанавливает курсор мыши в виде указателя для элементов с классом clickable.

#CSS

Создание выпадающего списка

Этот код создает выпадающий список с несколькими вариантами выбора.

#HTML

Использование атрибута disabled для элемента формы

Этот пример демонстрирует использование атрибута disabled для создания поля ввода, которое нельзя редактировать.

#HTML

Создание навигационного меню

Этот код создает простое горизонтальное навигационное меню с несколькими разделами.

#HTML

Использование тега <sup> для верхнего индекса

Тег <sup> используется для создания верхнего индекса (например, степени числа.

#HTML