CSS: i selettori | ALTRI capitoli | ||||||||||||||||||||||||||||||
Nomi di dominio, DNS e pagine web: FAQ Le FAQ presenti riguardano l'installazione di un sito web su un server esterno, acquistato in Hosting condiviso ( senza accesso, quindi, all'intero disco fisso del server ) e con un sistema operativo Linux. Un foglio di stile è un file di testo, solitamente salvato con l'estensione CSS, nel quale è possibile specificare come il browser dovrà visualizzare i vari elementi che compongono la nostra pagina HTML. La pagina HTML manterrà il contenuto vero e proprio della pagina web. Il contenuto della pagina web sarà distribuito in una serie di elementi HTML, quali il BODY, le intestazioni, i paragrafi, le liste, etc. Il browser può visualizzare ciascuno di questi elementi o a suo piacimento, oppure in base ad una serie di istruzioni che l'autore della pagina web può scrivere in un file CSS, il cui indirizzo avrà cura di riportare all'interno della pagina web stessa. Per esempio, una pagina web viene sempre compresa all'interno di un'area chiamata BODY. Nella pagina HTML, l'area del BODY viene indicata con due istruzioni di inizio e di fine:
L'area del BODY rappresenta la pagina web vera e propria, così come la vedrà il nostro utente Internet. Quale dovrà essere il colore di sfondo di quella pagina web? E quale colore dovrà usare, il browser, per scrivere i testi, compresi nell'area del BODY? Queste sono le informazioni di stile, che possono essere memorizzate nel nostro file CSS, dove potremmo trovare una definizione come la seguente:
che suggerisce al browser di usare, all'interno dell'area BODY, il carattere Gill, oppure Helvetica, oppure un qualsiasi altro carattere della famiglia definita sans-serif, di scrivere questi caratteri con un'altezza di 12 punti e con colore nero e di lasciare, all'inizio del paragrafo, un rientro di 36 punti. Il tutto su uno sfondo bianco. Se questa definizione fosse scritta in un file chiamato:
all'interno del file HTML, la, dove c'è il nostro BODY, dovremmo scrivere un'istruzione come la seguente:
che dice al browser di caricare in memoria il file di stile chiamato
non si deve lasciare alcuno spazio tra il valore dell'attributo e l'unità di misura dichiarata. Grazie al selector, è possibile selezionare:
Per assegnare lo stesso attributo a più selettori, è possibile specificare la lista dei selettori e l'attributo o gli attributi da applicare all'intero gruppo ( Selector group ):
|
| ||||||||||||||||||||||||||||||
CSS: i selettori | Le guide di .bit: contenuto originale |