# 045: Hot Link Modules - CSS-tricks

Anonim

För jag tror första gången i den här serien kommer vi att lägga till några nya saker i designen direkt genom att arbeta i webbläsaren (startar inte i Photoshop först). Vårt mål är att utforma modulerna "Hot Links" som visar sig på hemsidan.

Vi märker varje avsnitt på hemsidan med rubriktaggar. Till exempel "Senaste blogginlägg" och "Heta länkar". Semantiskt borde vi använda en h2 men den allmänna h2-stylingen är för intensiv för det området. Vi använder det klassiska tricket där vi har åsidosättande av klassnamn för vår rubrikstyling. På så sätt kan vi alltid använda rätt semantisk tagg men kunna när som helst åsidosätta stylingen med stilen från rubriken vi vill ha. t.ex


Hot Link-modulerna är i stort sett desamma som artikelmodulerna bara mindre komplicerade och de har en röd fyrkant i det övre vänstra hörnet istället för en orange fyrkant.