# 045: Модули за гореща връзка - CSS-трикове

Anonim

Мисля, че за първи път в тази серия ще добавим някои нови неща към дизайна директно, като работим в браузъра (не стартирайки първо в Photoshop). Нашата цел е да проектираме модулите „Горещи връзки“, които се показват на началната страница.

Етикетираме всеки раздел на началната страница с маркери на заглавката. Например „Последни публикации в блога“ и „Горещи връзки“. Семантично би трябвало да използваме h2, но общият стил на h2 е твърде интензивен за тази област. Използваме класическия трик, когато имаме заместващи имена на класове за стила на заглавката ни. По този начин винаги можем да използваме правилния семантичен маркер, но можем да заменим стила по всяко време със стила от заглавието, което искаме. напр


Модулите Hot Link са до голяма степен същите като модулите за артикули, но са по-малко сложни и имат червен квадрат в горния ляв ъгъл вместо оранжев квадрат.