# 045: Module Hot Link - CSS-Tricks

Anonim

Pentru că cred că prima dată în această serie, vom adăuga câteva lucruri noi la design direct lucrând în browser (nu începând mai întâi în Photoshop). Scopul nostru este să proiectăm modulele „Hot Links” care se afișează pe pagina principală.

Etichetăm fiecare secțiune de pe pagina de pornire cu etichete antet. De exemplu „Ultimele postări pe blog” și „Link-uri fierbinți”. Semantic, ar trebui să folosim un h2, dar stilul general h2 este prea intens pentru acea zonă. Folosim trucul clasic în care avem suprascrieri de nume de clasă pentru stilul antetului. În acest fel putem folosi oricând eticheta semantică corectă, dar putem înlocui stilul în orice moment cu stilul din antetul dorit. de exemplu


Modulele Hot Link sunt în mare măsură aceleași cu modulele articolelor doar mai puțin complicate și au un pătrat roșu în colțul din stânga sus în loc de un pătrat portocaliu.