УрокиО насКонтактыЦены
Войти
Политика конфиденциальностиУсловия использованияПродажи и возвраты

© 2025 Платформа CodEssay. Все права защищены.

    CSS Часть 2: Основы стилизации

    Уровень: начальный уровень
    Предмет: css
    Доступ: Открытый

    Изучите основные свойства и техники стилизации CSS, включая цвета, фоны, типографику, границы, тени и стили взаимодействия с пользователем.

    Главы

    Именованные цвета

    Узнайте о именованных цветах CSS и их использовании. Поймите, как применять предопределенные названия цветов для стилизации элементов.

    Темы: named colors

    Цвета RGB

    Узнайте о формате цвета RGB и о том, как использовать его для определения цветов, указывая компоненты красного, зеленого и синего.

    Темы: rgb colors

    Цвет фона

    Поймите, как установить цвета фона для стилизации фона элементов.

    Темы: background color

    Непрозрачность и Прозрачность

    Узнайте, как управлять непрозрачностью и прозрачностью в CSS, чтобы сделать элементы частично прозрачными.

    Темы: opacity, transparency

    Размер фона

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

    Темы: background size

    Линейные градиенты

    Узнайте, как создавать линейные градиенты в CSS для получения плавных переходов цвета вдоль прямой линии.

    Темы: linear gradients

    Радиальные градиенты

    Поймите радиальные градиенты и их использование для создания круговых или эллиптических переходов цвета.

    Темы: radial gradients

    Семейства шрифтов

    Узнайте о различных семействах шрифтов и о том, как применять их к текстовым элементам в CSS.

    Темы: font families

    Размеры шрифта

    Поймите единицы измерения размера шрифта и как эффективно задавать размеры шрифта в CSS.

    Темы: font sizes

    Шрифты по весу

    Узнайте о свойствах толщины шрифта и о том, как использовать их для выделения текста жирным или светлым.

    Темы: font weights

    Высота строки

    Поймите высоту строки и ее влияние на читаемость текста и расстояние между строками.

    Темы: line height

    Межбуквенный интервал

    Узнайте, как настроить интервал между буквами, чтобы улучшить внешний вид текста.

    Темы: letter spacing

    Выравнивание текста

    Поймите свойства выравнивания текста, чтобы выровнять текст влево, вправо, по центру или по ширине.

    Темы: text alignment

    Текстовое оформление

    Узнайте о свойствах оформления текста, таких как подчеркивание, надчеркивание и зачеркнутый текст, чтобы стилизовать текст.

    Темы: text decoration

    Text Transform

    Поймите, как преобразовать регистр текста, используя варианты верхнего регистра, нижнего регистра и капитализации.

    Темы: text transform

    Тень текста

    Узнайте, как добавлять тени к тексту, чтобы создать глубину и акцент.

    Темы: text shadow

    Веб-шрифты и @font-face

    Поймите, как использовать веб-шрифты и правило @font-face для включения пользовательских шрифтов на ваши веб-страницы.

    Темы: web fonts, font-face

    Типы границ

    Узнайте о различных стилях границ, таких как сплошная, пунктирная, точечная и другие.

    Темы: border styles

    Ширина границ

    Поймите, как установить ширину границ, чтобы контролировать толщину границ.

    Темы: border widths

    Цвета границ

    Узнайте, как применять цвета к границам, чтобы улучшить внешний вид элементов.

    Темы: border colors

    Округлые углы (border-radius)

    Поймите, как создать закругленные углы с помощью свойства border-radius.

    Темы: rounded corners

    Контуры и смещение контура

    Узнайте об обводках и о том, как их смещать для создания эффектов фокуса.

    Темы: outlines, outline-offset

    Свойство box-shadow

    Поймите, как добавлять тени к элементам, используя свойство box-shadow для создания эффекта глубины.

    Темы: box-shadow

    Непрозрачность

    Узнайте, как управлять непрозрачностью элементов, чтобы сделать их прозрачными или полупрозрачными.

    Темы: opacity

    Фильтры (размытие, яркость, контраст)

    Поймите CSS фильтры и их эффекты, такие как размытие, яркость и контраст.

    Темы: filters

    Свойство курсора

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

    Темы: cursor

    User-select

    Узнайте, как управлять поведением выделения текста с помощью свойства user-select.

    Темы: user-select

    События указателя

    Поймите события указателя и как их контролировать для управления взаимодействиями с пользователем.

    Темы: pointer events

    Цвета HSL

    Поймите формат цвета HSL и как применять его для определения цветов, используя значения оттенка, насыщенности и яркости.

    Темы: hsl colors

    Шестнадцатеричные цвета

    Поймите шестнадцатеричные цветовые коды и как использовать их в CSS для точного указания цветов с помощью шестнадцатеричной нотации.

    Темы: hex colors

    Фоновые изображения

    Узнайте, как применять фоновые изображения к элементам для улучшения дизайна.

    Темы: background images

    Фоновое повторение

    Поймите параметры повторения фона, чтобы контролировать, как повторяются фоновые изображения.

    Темы: background repeat

    Фоновая позиция

    Узнайте, как точно позиционировать фоновые изображения с помощью свойств CSS.

    Темы: background position