_______________________________________________ Weebies - la mailing list su web design e producing http://www.weebies.com _______________________________________________
Carissimo Daniele, il 10 Settembre 2002 scrivevi, ...in un email formato HTML :-( > [...] sulla possibilita di evitare l'uso dei pixel per il font, so ke � possibile settare le dimensioni anke in percentuale e anke in em ma nn ho mai capitato come queste unita di misura funzionino. Vediamo di realizzare un breve tutorial su font-size, proprieta' che permette di impostare le dimensioni dei caratteri attraverso i fogli di stile (CSS - Cascading Style Sheet - Fogli di Stile a Cascata). Innanzitutto una premessa: i browser 'escono dalla fabbrica' con una dimensione di base per la visualizzazione dei caratteri gia' preimpostata. Tale dimensione di base (talvolta detta 'di default') corrisponde a quanto ottenibile dall'utente cliccando (in IE), in successione, VISUALIZZA => CARATTERE => MEDIO. (Ci sono alcune eccezioni alla regola, come sempre d'altronde con tutto cio' che fa rima con web...) Attenzione, questa dimensione di base e' per l'appunto quella di partenza per i diversi stili... Tu sai bene che grazie all'uso di diversi tag html il testo puo' essere reso con differenti stili: Normale, Titolo1, Titolo2, Indirizzo, ecc. A seconda dello stile, il browser rendera' il testo in grassetto e di dimensioni importanti (Titolo1; tag H1) piuttosto che di dimensioni meno importanti (Titolo2; tag H2), e cosi' via. Gli stili faranno comunque riferimento alla preimpostazione 'di fabbrica'. Tu mi dirai: e questo io gia' lo sapevo! Vabbe', ma magari altri iscritti a questa lista queste cose non le sanno... e poi non ho definito questo post 'un breve tutorial'?! Un po' di pazienza, che adesso arriviamo al sodo... Il Progettista Web (Webmaster, Webdesigner, Webdeveloper, ecc.) ha la possibilita' di impostare una serie di proprieta' relative alla dimensione dei caratteri, e non solo relative alla dimensione e non solo in relazione ai caratteri, andando cosi' a sconvolgere le impostazioni 'di fabbrica' o 'di default' del browser. Questa personalizzazione e' tanto piu' efficace se realizzata utilizzando i fogli di stile, per una serie di ragioni che non sto qui ad elencare... che' se no, oltre a Daniele, perdo anche quei pochi lettori che hanno avuto il coraggio di leggere fin qui. Una delle proprieta' dei fogli di stile che consente di scavalcare le impostazioni di base del browser, in relazione alla dimensione dei caratteri, e' FONT-SIZE (equivalente all'html <font SIZE="valore">). Qualche esperto mi bisbigliera': guarda che ti stai dimenticando come FONT-SIZE sia a sua volta condizionato da FONT-SIZE-ADJUST. Si', e' vero, caro esperto... ma questo e'... un 'breve' tutorial... Sono sicuro, Daniele, che potrai trovare molto materiale in rete per approfondire ulteriormente i dettagli piu' reconditi, oppure sottoscrivere uno dei miei prossimi corsi online... Tra i valori attribuibili a FONT-SIZE troviamo: xx-small, x-small, small, medium, large, x-large, xx-large; un fattore di scala rispetto ad unita' di misura, l'indicazione di una percentuale, come pure i valori smaller e larger. Questi ultimi, la percentuale, smaller e larger, sono calcolati sulla base dell'elemento genitore. In pratica, il browser incontra il valore 'smaller' e a quel punto si chiede: smaller vuol dire piu' piccolo; questo testo devo renderlo piu' piccolo, dunque, ma rispetto a che cosa? Risposta: rispetto alla dimensione del carattere impostata per l'elemento genitore! Quindi, se nel foglio di stile definisco che H3 deve essere smaller rispetto a H1, ogni volta che il browser incontra H3 legge in memoria la dimensione di H1, calcola una dimensione 'piu' piccola', ed infine visualizza con questo nuovo valore il testo relativo ad H3. Lo stesso ragionamento vale per un valore in percentuale. H3 deve essere visualizzato di dimensioni enormi rispetto alla dimensione di base? Bene: indichiamo un valore percentuale, diciamo di 300%. Et voila', il browser visualizzera' le dimensioni dell'elemento H3 triplicate rispetto a... rispetto alle dimensioni impostate 'dalla fabbrica'. Che ne dici, Daniele, sono stato abbastanza chiaro o hai pensato di abbandonare lo sviluppo di pagine web dopo questa lettura? Con simpatia, Simone Tugnolo http://www.onlineweb.it _______________________________________________ Weebies mailing list [EMAIL PROTECTED] http://list.weebies.com/mailman/listinfo/weebies
