Серия

Как создать эффективный и стандартизированный подход для реализации стилей CSS?

В этом видео Крис Pels показывает, как упорядочить и реализовать стили CSS, которые обеспечивают стандартизированный внешний вид и ощущение веб-сайта. Кроме того, стили организованы для обеспечения максимальной гибкости и повторного использования. Создается набор стилей, ориентированный на визуальный вид сайта. Сначала создается пример веб-сайта с CSS-файлом для примера страницы. Первые группы стилей, созданные, ориентированы на предоставление контейнеров для содержимого на всем сайте. Затем добавляется набор стилей, в котором основное внимание уделяется отображению состояния элементов пользовательского интерфейса. Наконец, создается набор стилей для подсказок взаимодействия с пользователем. Каждый из стилей используется с HTML-элементами на странице образца. Также обсуждается использование того же подхода реализации для стилей, управляющих макетом элементов на сайте.