Il Sito per imparare gratuitamente a fare pagine Web

Oggi: Martedì 18 Novembre 2008   Ore: 19:29
 
Home · XHTML con Style · Primi Passi · Guida HTML · Guida CSS · Guida PHP · F.A.Q. · Scripting · Applets · Grafica Web · Forum · Comunicazioni Scrivimi
 
  Web-Link


Libera Donazione
  Guida C.S.S.
web-link
·Introduzione
·Sintassi
·in linea
·nella pagina
·nel foglio esterno
·le classi
·gli ID
·Grafica
·Il Box Model
·Posizionare il Box
·Il Box liquido
·Il Layout
·Links
·Gli Attributi
·Attributi Testo
.  " Carattere
.  " Colore e Sfondo
.  " Posizionamento
·Parametri
·Conclusioni
web-link
web-link
  Fare Web
web-link
·Applets
·Banners
·Blog
·Chat
·Contatori
·DHTML
·E-Commerce
·Editors CSS
·Editors HTML
·Flash
·Forum
·F.T.P.
·Guestbooks
·Grafica
·Iscriz.Mot.Ricerca
·Java Applets
·Java Script
·Mailling List
·Mappe Cliccabili
·Meta Tags
·Mot.ricerca interno
·Scripting
·Sondaggi on-line
·Spazi Web
·Tag Boards
·URL forwarding
·Validatori HTML
·W3C Specifiche
·Web Designer
·Web Master
web-link
web-link
Guida CSS - Ver. 4.1.3 - Ottobre 2008 - By Web-Link
web-link
 

CSSWebLink



Non esagerate  mantenete sempre una certa parsimonia nell'uso dei css, considerando anche che potrebbe facilmente sfuggirvi la situazione di mano ottenendo così effetti indesiderati magari su altre parti della pagina web.

Guardate questo esempio sotto, dove volutamente ho esagerato per meglio farvi notare come sia facile perdere il controllo, essendo un foglio di style applicato a tutta l'intera pagina e non soltanto a quella parte che forse avremo voluto.

<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 sul link qui sotto (da "torna alla pagina precedente" in poi), potrebbe anche essere carino vederli così grandi nel momento in cui si stanno per cliccare, ma pensate anche al risultato pratico che non sempre risulerà gradevole.

Noterete anche che non tutti i links della pagina seguono questo effetto, e per fortuna, gli ultimi due infatti non sono influenzati da questa impostazione; per quelli ho fatto uso di una classe tutta loro, se avete capito come funzionano le classi non sarà difficile capire cosa succede e come fare.














  Potete fare domande e discutere l'argomento sul Forum



web-link
  Risorse
· Forum
· F.A.Q.
· Frames
· Scripting
· Applets
· Grafica Web
· Banner Exchange
· Novità
  Servizi
· News Letter
· Sondaggio
· I Files Scaricati
· Segnala il sito
· Leggi Guestbook
· Firma Guestbook
· Banners
  Linguaggi
· A.J.A.X.
· A.S.P.
· C.G.I.
· C.S.S.
· Flash
· H.T.M.L.
· X.H.T.M.L.
· Java
· JavaScript
· P.E.R.L.
· P.H.P.
· X.M.L.
  Download
· Primi Passi
· Guida HTML
· Guida CSS
· Tutorial XHTML
 
· Home Page Home Page · Aggiungi ai preferiti Aggiungi ai preferiti · Segnala ad un amico Segnala il sito ai tuoi amici ·
 

Valid CSS!
Valid HTML 4.01!

Questa pagina è esclusiva proprietà di © Web-Link © Andrea Bianchi 1997 ~ 2008
Vietata la copia e la distribuzione, anche parziale, senza la previa autorizzazione scritta di Web-Link