3.65 Le cosiddette regole con il simbolo @ sono particolari costrutti che condividono una caratteristica comune: l’utilizzo del simbolo della chiocciola. La pronuncia è analoga a quella utilizzata per gli indirizzi e-mail, come ad esempio at-import, at-media, e così via. Dal punto di vista della funzione, queste regole rappresentano alternative, spesso più flessibili e potenti, … Leggi tutto
3.63 In questo articolo esploreremo l’uso dei CSS per stilizzare i numeri di una lista ordinata (ol), conferendo loro maggiore rilevanza o adattando il loro stile alla pagina. Applicheremo uno sfondo rosso, un colore bianco e il grassetto ai numeri. Per raggiungere questo obiettivo, dobbiamo separare la formattazione del numero/marcatore da quella del contenuto/valore dell’elemento … Leggi tutto
3.62 Creazione di Menu a Livelli Multipli con Liste Non Ordinate in HTML e CSS: Le liste, quando personalizzate e strutturate correttamente nel markup, possono essere utilizzate per creare menu perfettamente funzionanti su tutti i principali browser. L’uso di specifiche classi nel markup è fondamentale, come illustrato in questo framework di esempio. CSS – Struttura … Leggi tutto
3.61 In una lezione di questa guida abbiamo visto come realizzare un menu verticale utilizzando le liste. Tenendo come base lo stesso codice, realizzeremo in questa lezione un menu orizzontale utilizzando una lista non ordinata. Il codice HTML Il codice HTML che utilizzeremo è del tutto identico a quello utilizzato per l’altra lezione: <ul id=”menu”> <li><a … Leggi tutto
3.60 Creazione di Menu Verticale con Liste Non Ordinate in HTML e CSS: Le liste, oltre a essere utilizzate per elencare una serie di elementi nel testo, sono fondamentali per la creazione di menu, sia principali che secondari, all’interno delle pagine web. In questa lezione, esploreremo come realizzare un menu verticale utilizzando le liste non … Leggi tutto
3.59 Personalizzazione dell’Aspetto di una Lista Puntata in HTML Gli elementi che costituiscono una lista puntata, sia ordinata che non ordinata, vengono comunemente visualizzati dai browser con un rientro sinistro e un marcatore per migliorare la leggibilità della lista stessa. Per eliminare il margine sinistro e visualizzare la lista allineata con il testo, è sufficiente … Leggi tutto
3.58 Visualizzazione Orizzontale degli Elementi di una Lista in HTML: Nel linguaggio HTML, gli elementi di una lista (list item) sono di default visualizzati come oggetti di tipo block e, di conseguenza, appaiono uno per riga. Tuttavia, esiste la necessità di allineare questi elementi su una singola riga, ad esempio, quando vengono utilizzati come voci … Leggi tutto
3.57 Attraverso l’utilizzo dei CSS, è possibile personalizzare in diversi modi l’aspetto delle liste HTML. In realtà, le proprietà che andremo ad esaminare non si riferiscono tanto ai tag utilizzati per inserire una lista ordinata (<ol>) o non ordinata (<ul>), ma piuttosto agli elementi che le compongono, ossia gli <li>. Infatti, è solo questo … Leggi tutto
3.56 Dopo aver esaminato le principali proprietà CSS per la gestione del testo, procediamo all’analisi di quelle avanzate. font-variant: La proprietà font-variant consente di trasformare il testo in maiuscoletto, ossia lettere in maiuscolo con dimensioni uguali a quelle dei caratteri minuscoli. È una proprietà ereditata e può essere dichiarata con i valori “normal” o “small-caps”. … Leggi tutto
3.55 La gestione dell’aspetto del testo mediante CSS è un aspetto cruciale nella progettazione di pagine web. Le proprietà che determinano l’apparenza del testo sono numerose, e abbiamo optato per suddividere l’argomento in due lezioni, iniziando con le proprietà di base. Queste comprendono: Font utilizzato: Definisce il tipo di carattere da applicare al testo. Dimensione … Leggi tutto
