# 045: Модули Hot Link - CSS-хитрости

Anonim

Я думаю, что впервые в этой серии мы собираемся добавить некоторые новые вещи в дизайн напрямую, работая в браузере (а не сначала в Photoshop). Наша цель - разработать модули «Горячие ссылки», которые будут отображаться на главной странице.

Мы помечаем каждый раздел на главной странице тегами заголовков. Например, «Последние сообщения в блоге» и «Горячие ссылки». Семантически мы должны использовать h2, но общий стиль h2 слишком интенсивен для этой области. Мы используем классический прием, когда у нас есть переопределения имени класса для стиля нашего заголовка. Таким образом, мы всегда можем использовать правильный семантический тег, но иметь возможность в любое время переопределить стиль с помощью стиля из заголовка, который нам нужен. например


Модули Hot Link в основном такие же, как модули статей, только менее сложные, и у них есть красный квадрат в верхнем левом углу вместо оранжевого квадрата.