Что такое CSS и для чего он используется?

CSS (Cascading Style Sheets) — это язык описания стилей, который определяет, как HTML-элементы должны отображаться на веб-странице. Он отвечает за весь визуальный слой: расположение, цвета, шрифты, анимации и адаптацию под разные устройства.

Ключевые принципы:

• Сепарация контента и оформления: HTML задает структуру, CSS — внешний вид. Это упрощает поддержку и изменение дизайна.
• Каскадность и приоритеты: Стили применяются согласно правилам каскада (источник, специфичность селектора, порядок).
• Наследование: Многие свойства (например, font-family, color) наследуются дочерними элементами.

Базовый пример:

/* Селектор по классу */
.primary-button {
    background-color: #3498db; /* Цвет фона */
    color: white;             /* Цвет текста */
    padding: 12px 24px;       /* Внутренние отступы */
    border: none;             /* Убрать рамку */
    border-radius: 6px;       /* Закругленные углы */
    font-size: 16px;
    cursor: pointer;          /* Курсор-указатель */
}

/* Изменение стиля при наведении */
.primary-button:hover {
    background-color: #2980b9;
}

Для тестирования веб-интерфейсов важно понимать CSS, чтобы:

1. Проверять корректность отображения (верстку) в разных браузерах.
2. Использовать CSS-селекторы для поиска элементов в автотестах (Selenium, Playwright).
3. Валидировать адаптивность через медиазапросы (@media).