Il sito per imparare gratuitamente a fare pagine Web

Links Esagerati CSS

Questa guida Ŕ stampabile in modo agevole dalla versione off-line scaricabile dal men¨ laterale: Download.zip



© www.web-link.it  Guida CSS Fogli di stile - Ver. 4.8.1   

Non esagerate! Mantenete sempre una certa parsimonia nell'uso dei css, considerando anche il fatto che potrebbe facilmente sfuggirvi la situazione di mano, ottenendo a volte effetti indesiderati anche su altre parti della stessa pagina web.

Guardate per esempio i links di questa pagina dove ho volutamente esagerato per meglio farvi notare come sia facile perdere il controllo. Il foglio di style Ŕ applicato a tutta l'intera pagina e non soltanto a quella parte di codice interessata dalla modifica.

<style type="text/css">
<!--
a:link    {text-decoration: none;}
a:visited {text-decoration: none; color: green;}
a:hover   {
	Color: red;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-weight: bold;
	font-size: 35px;
	}
-->
</style>

Provate a passare il mouse sui vari links qui sotto, quello di "torna alla pagina precedente" per esempio. Potrebbe essere simpatico vederli cosý grandi nel momento in cui stanno per essere cliccati ma andate a vedere cosa succede anche all'interno del men¨ orizzontale a fondo pagina o nel men¨ laterale sulle voci che compongono questa guida. I links al loro interno produrranno anch'essi lo stesso effetto che in questo caso credo risulti per nulla gradevole.

Noterete anche che non tutti i links della pagina seguono questo effetto, e per fortuna aggiungo io. Se andate sopra la scritta Web-Link.it in rosso a fondo pagina il link non si espande ma si restringe. Bene, se avete capito come funzionano le classi non sarÓ difficile capire cosa succede e come fare per farlo o non farlo succedere.

torna alla pagina precedente

Se avete domande da fare potete scrivere sul forum di supporto, gratuito e aperto a tutti.



Andrea Bianchi