CSS: sintassi di una regola CSS
- Gennaio 31, 2013
- by
- Donatantonio
Scrivere una regola CSS vuol dire applicare un particolare stile grafico ad un elemento che compone la pagina html.
Una regola si può comporre di una o più dichiarazioni, dove ciascuna dichiarazione influisce su una specifica proprietà dell’elemento.
Una regola è composta da:
un selettore; il blocco delle dichiarazioni.Il selettore serve a definire la parte del documento a...
CSS: introduzione ai fogli di stile
- Gennaio 31, 2013
- by
- Donatantonio
Dietro il semplice acronimo CSS (Cascading Style Sheets – Fogli di stile a cascata) si nasconde uno dei fondamentali linguaggi standard del W3C.
La sua storia cammina su binari paralleli rispetto a quelli di HTML, di cui vuole essere l’ideale complemento. Da sempre infatti, nelle intenzioni degli uomini del Consortium, HTML, il CSS dovrebbe essere...
Html: bordi, margini e spaziatura
- Gennaio 29, 2013
- by
- Donatantonio
Esistono, come abbiamo già in parte visto, numerose proprietà legate agli elementi html. Alcune sono ad esempio necessarie per creare una spaziatura tra gli elementi o il loro contenuto (MARGIN e PADDING).
Scrivere:
<div style=‘margin:5px; padding:3px’>… Contenuto del blocco … </div>
ci permette di visualizzare un div che è distanziato di 5px su ogni lato dagli...
Html: dimensione degli elementi
- Gennaio 29, 2013
- by
- Donatantonio
Grazie alla proprietà width (larghezza), è possibile specificare in pixel o in percentuale la larghezza che un elemento dovrà occupare all’interno della finestra del browser.
La sintassi è molto semplice:
<div style=‘width:200px’>…Contenuto…</div>
Questa proprietà è molto utile quando si desidera realizzare menu, finestre o elementi che richiedano dimensioni ben precise.
Vediamo un esempio di codice html:
</pre> <div...Html: i colori e gli sfondi
- Gennaio 29, 2013
- by
- Donatantonio
Tutti gli esempi proposti nelle lezioni precedenti, per esigenze puramente didattiche, hanno tenuto poco conto dell’aspetto grafico di una pagina html. Nonostante ciò è impensabile realizzare ipertesti o siti web che non utilizzino colori, immagini o particolari regole di formattazione.
Questa lezione introdurrà le regole di stile che saranno approfondite nelle lezioni...
Finestra news con effetto fade (news ticker) – v 2.0 news da file esterno
- Ottobre 23, 2012
- by
- Donatantonio
In questo articolo vedremo una variante del News Ticker javascript descritto qui.
Molti utenti negli ultimi mesi mi hanno chiesto se era possibile reperire le news da un file esterno presente sul server (magari un semplice file txt) invece che scriverle direttamente nell’html della pagina principale, in modo tale da rendere più facili e veloci...
Html: altri campi di input
- Aprile 03, 2012
- by
- Donatantonio
Oltre che inviare dati in forma testuale, in base a scelte o stringhe digitate, spesso sorge l’esigenza di inviare dei file al server.
Immaginiamo ad esempio a quei siti che ci permettono di caricare le nostre foto preferite per farle visualizzare ai nostri amici, fornendo solitamente un modulo nel quale ci viene chiesto...
Html: checkbox e radio button
- Aprile 03, 2012
- by
- Donatantonio
In alternativa alle select multiple, è possibile utilizzare le checkbox per effettuare scelte multiple.
Una checkbox è da intendersi come un elenco di scelte ognuna contraddistinta da un box, ogni box spuntato equivale alla scelta della voce associata. In altre parole ogni casella di controllo (box) se spuntata indica si altrimenti no.
La...
Html: le select
- Aprile 03, 2012
- by
- Donatantonio
Spesso sarà capitato di compilare dei moduli html e trovarsi d’innanzi una serie di possibili scelte da un menu a tendina.
Per realizzare un menu di scelta è necessario il tag <select> che conterrà a sua volta ogni singola voce che compone il menu <option>. La sintassi quindi è la seguente:
Html: ulteriori campi di testo
- Aprile 03, 2012
- by
- Donatantonio
Oltre ai classici campi di testo visti negli articoli precedenti, è possibile instanziare un campo che sostituisca ad ogni carattere un asterisco (*) o altro simbolo grafico, in modo tale da rendere non leggibile il testo immesso.
Solitamente tali campi sono utilizzati per inserire password o parole chiave, soprattutto in presenza di moduli di...
