# 045: Hot Link-moduler - CSS-triks

Anonim

For jeg tror første gang i denne serien, vi skal legge til noen nye ting i designet direkte ved å jobbe i nettleseren (starter ikke i Photoshop først). Målet vårt er å designe "Hot Links" -modulene som viser seg på hjemmesiden.

Vi merker hver seksjon på hjemmesiden med topptekster. For eksempel "Siste blogginnlegg" og "Hot Links". Semantisk sett skal vi bruke en h2, men den generelle h2-stilen er for intens for det området. Vi bruker det klassiske trikset der vi har tilsidesatte klassenavn for vår heading styling. På den måten kan vi alltid bruke riktig semantisk tag, men være i stand til å overstyre stylingen når som helst med stilen fra overskriften vi ønsker. f.eks


Hot Link-modulene er stort sett de samme som artikkelmodulene bare mindre kompliserte, og de har en rød firkant i øvre venstre hjørne i stedet for en oransje firkant.