# 045: Hot Link moduly - Triky CSS

Anonim

Myslím si, že prvýkrát v tejto sérii pridáme do dizajnu niektoré nové veci priamo prácou v prehliadači (nezačíname najskôr vo Photoshope). Naším cieľom je navrhnúť moduly „Hot Links“, ktoré sa zobrazia na domovskej stránke.

Každú sekciu na domovskej stránke označíme štítkami hlavičky. Napríklad „Posledné blogové príspevky“ a „Horúce odkazy“. Sémanticky by sme mali používať H2, ale všeobecný styl H2 je pre túto oblasť príliš intenzívny. Pre styling hlavičiek používame klasický trik, kde máme prepísanie názvu triedy. Takto môžeme kedykoľvek použiť správnu sémantickú značku, ale môžeme kedykoľvek prepísať štýl pomocou štýlu z hlavičky, ktorú chceme. napr


Moduly Hot Link sú zväčša rovnaké ako moduly článkov, sú však len o niečo menej komplikované a majú červený štvorec v ľavom hornom rohu namiesto oranžového štvorca.