К содержанию

Tutorial HTML e CSS per Principianti

Un semplice tutorial sull'impaginazione con i linguaggi HTML e CSS per principianti, con teoria dettagliata e un libro di problemi.

Basi del CSS

Fondamenti del linguaggio CSS

Come lavorare con CSS

Parole chiave per il colore in CSS

Qualsiasi colore in CSS

Larghezza e altezza degli elementi in CSS

Allineamento del testo in CSS

Allineamento del testo a destra in CSS

Allineamento del testo al centro in CSS

Allineamento del testo a sinistra in CSS

Allineamento del testo sia a destra che a sinistra in CSS

Pratica con l'allineamento del testo in CSS

Spessore del testo in CSS

Corsivo in CSS

Dimensione del carattere in CSS

Tipo di carattere in CSS

Interlinea in CSS

Il valore di line-height senza unità in CSS

Proprietà abbreviata font in CSS

Rientro del testo in CSS

Effetti di testo in CSS

Sottolineare il testo in CSS

Sottolineatura superiore del testo in CSS

Barrato del testo in CSS

Annullamento degli effetti per il testo in CSS

Pratica sulle Proprietà CSS Fondamentali

Selettori

Relazioni familiari dei tag in HTML

Ereditarietà delle proprietà CSS

Raggruppamento di selettori in CSS

Proprietà comuni quando si raggruppano i selettori in CSS

Selettore di discendenti in CSS

Selettore figlio in CSS

Classi di elementi in CSS

Tag span per frammenti di testo in HTML

Tag div per raggruppare i tag in HTML

Raggruppamento di classi in CSS

Tag con classe specificata in CSS

Selettore di discendenti e classi in CSS

Combinazioni complesse di selettori discendenti e classi in CSS

Errore comune dei principianti con il selettore di discendenti

Elemento con più classi CSS

Selezione di un elemento tramite id univoco in CSS

Selettore per id e Classi CSS

Utilizzo degli id in CSS

Selezione di elementi per classe multipla in CSS

Più selettori uniti in CSS

Errore nell'utilizzo di più selettori CSS

Raggruppamento di selettori complessi in CSS

Errore nel raggruppamento di selettori CSS complessi

Pratica con le combinazioni di selettori CSS

Specificità dei selettori CSS

Nota sul conflitto di proprietà CSS

Regole di specificità in CSS

Priorità dei selettori discendenti in CSS

Selettore adiacente in CSS

Selettore generale di fratelli in CSS

Selettore Universale in CSS

Selettori di attributi in CSS

Stati dei link in CSS

Sfumature della sequenza degli stati dei link in CSS

Stati dei link :link e :visited in CSS

Utilizzo comune degli stati dei link in CSS

Selettori complessi con stati dei link in CSS

Link con classe in CSS

Selezione degli elementi terminali in CSS

Selezione per posizione degli elementi in CSS

Selezione dell'unico figlio in CSS

Selezione di elementi vuoti in CSS

Selezione per posizione e tipo di elementi in CSS

Selettore di negazione in CSS

Decorazione

Impostare il colore di sfondo in CSS

Fondamenti dei bordi in CSS

Bordo solido in CSS

Bordo punteggiato in CSS

Bordo a trattini in CSS

Bordo convesso in CSS

Doppio bordo in CSS

Proprietà abbreviata per il bordo in CSS

Bordo per lati singoli in CSS

Arrotondamento dei bordi di un blocco in CSS

Arrotondamento degli angoli dello sfondo in CSS

Creare un cerchio in CSS

Arrotondamenti diversi per angoli diversi in CSS

I quattro valori di arrotondamento per angoli diversi in CSS

Due valori di arrotondamento per angoli diversi in CSS

Tre valori per angoli diversi negli arrotondamenti in CSS

Angoli arrotondati in percentuale in CSS

Creazione di un cerchio con border-radius in percentuale in CSS

Immagine di sfondo in CSS

Ripetizione dell'immagine di sfondo in CSS

Altre proprietà per lo sfondo in CSS

Lavorare con i marcatori delle liste ul in CSS

Marcatori quadrati per liste ul in CSS

Marcatori di elenco ul a forma di cerchio in CSS

Lavorare con i marcatori delle liste ul in CSS

Rimozione dei marcatori delle liste ul in CSS

Lavorare con i marcatori delle liste ol in CSS

Numeri romani minuscoli per liste ol in CSS

Numeri romani maiuscoli per liste ol in CSS

Lettere latine minuscole per liste ol in CSS

Lettere maiuscole latine per elenchi ol in CSS

Lettere greche minuscole per elenchi ol in CSS

Numeri con zero iniziale per liste ol in CSS

Modello a blocchi

Lavorare con i margini margin in CSS

Margini per diversi lati in CSS

Valori multipli nella proprietà margin in CSS

I quattro valori della proprietà margin in CSS

Due valori nella proprietà margin in CSS

I tre valori della proprietà margin in CSS

Lavorare con i padding in CSS

Padding per i diversi lati in CSS

Valori multipli nella proprietà padding in CSS

Lavorare con i margini interni padding in CSS

L'influenza del bordo sull'espansione degli elementi in CSS

Influenza del padding e del bordo sull'espansione degli elementi in CSS

Annullare l'espansione degli elementi in CSS

Caratteristiche degli elementi block in CSS

Larghezza e altezza di un elemento a blocco in CSS

Larghezza di un elemento a blocco in CSS

Altezza di un elemento a blocco in CSS

Altezza di un elemento a blocco senza contenuto in CSS

Elementi blocchi multipli affiancati in CSS

Caratteristiche degli elementi inline in CSS

Larghezza e altezza di un elemento inline in CSS

Elementi inline multipli affiancati in CSS

Margini tra elementi inline in CSS

Definizione del modello a blocchi dei tag HTML

Lavorare con la proprietà display in CSS

Caratteristiche degli elementi inline-block in CSS

Larghezza e altezza di un elemento inline-block in CSS

Larghezza di un elemento inline-block in CSS

Altezza di un elemento inline-block in CSS

Elementi inline-block multipli affiancati in CSS

Allineamento di elementi blocco in CSS

Allineamento di un elemento a blocco con margine sinistro in CSS

Allineamento di un elemento a blocco con margine destro in CSS

Allineamento degli elementi inline in CSS

Centrare elementi inline in CSS

Centratura di più elementi in linea

Allineamento degli elementi inline a destra in CSS

Allineamento degli elementi inline-block in CSS

Centramento di elementi inline-block in CSS

Allineamento degli elementi inline-block a destra in CSS

Elementi Flex in CSS

Altezza del genitore degli elementi flex in CSS

Larghezza del genitore degli elementi flex in CSS

Genitore inline-block di elementi flex in CSS

Rientri padding dell'elemento genitore degli elementi flex in CSS

Margini per gli elementi figli in CSS

Allineamento degli elementi flex in CSS

Allineamento degli elementi flex al centro in CSS

Allineamento degli elementi flex nel genitore in CSS

Allineamento degli elementi flex nel genitore con margini

Allineamento degli elementi flex nel genitore con spaziature uguali

Posizionamento

Posizionamento assoluto degli elementi in CSS

Posizionamento relativo degli elementi in CSS

Posizionamento relativo al genitore in CSS

Posizionamento relativo al genitore assoluto in CSS

Posizionamento assoluto senza coordinate in CSS

Centratura tramite posizionamento assoluto in CSS

Valori negativi nel posizionamento CSS

Posizionamento fisso in CSS

Blocco a larghezza intera dello schermo in CSS

Sovrapposizione degli elementi lungo l'asse Z in CSS

Regolazione della sovrapposizione degli elementi lungo l'asse Z in CSS

Sfumature dell'utilizzo dei valori negativi di z-index in CSS

Float

Introduzione alla proprietà float in CSS

Penetrazione degli elementi fluttuanti attraverso i tag in CSS

Combinazione di float e margin in CSS

Combinazione di float e padding in CSS

Elementi fluttuanti sotto i tag in CSS

Comportamento dei float sul genitore in CSS

Altezza del genitore dei float in CSS

Testo nel genitore dei float in CSS

Float in CSS

Annullare il float con la proprietà clear in CSS

Div separato con clearfix in CSS

Clearfix e Altezza del Genitore in CSS

Proprietà float per blocchi in CSS

Proprietà float e più blocchi in CSS

Proprietà float e genitore senza testo in CSS

Flex

Posizionamento degli elementi flex in riga o colonna in CSS

Posizionamento degli elementi flex in una riga invertita in CSS

Disporre gli elementi flex in colonna in CSS

Invertire una colonna con elementi flex in CSS

Asse principale e asse trasversale nei blocchi flex in CSS

Allineamento degli elementi flex lungo l'asse principale in CSS

Allineamento degli elementi flex lungo l'asse trasversale in CSS

Il valore center della proprietà align-items in CSS

Centratura senza altezza dei blocchi in CSS

Centratura con blocchi di altezza variabile in CSS

Significato del valore stretch della proprietà align-items in CSS

Pratica sull'allineamento degli assi in CSS

Allineamento di un singolo elemento nel modello flex in CSS

Ordine degli elementi flex in CSS

Griglie

Introduzione alle CSS Grid

Tracce e linee nelle griglie CSS

Visualizzazione delle Griglie nel Debugger del Browser

Numero e larghezza delle colonne nei CSS Grid

Unità fr nei CSS Grid

Unità frazionarie fr nei CSS Grid

Pixel e unità fr nelle Grid CSS

Percentuali e unità fr nei CSS Grid

La funzione repeat nei CSS Grid

Il valore auto nei CSS Grid

Significato di auto-fill nei CSS Grid

Funzione minmax nei grid CSS

Significato di auto-fit nei CSS Grid

Numero e larghezza delle righe nelle griglie CSS

Scorciatoia per righe e colonne nelle CSS Grid

Unione di righe nelle griglie CSS

Unione di colonne nei CSS Grid

Combinazioni di unione per righe e colonne nelle CSS Grid

Sovrapposizione di colonne nelle griglie CSS

Spaziatura tra le colonne nelle griglie CSS

Distanza tra le righe nelle griglie CSS

Spaziatura tra colonne e righe nelle griglie CSS

Griglia a Piastrelle in CSS

Layout

Creazione di menu in CSS

Layout di siti web a colonna singola semplici in CSS

Schema di layout con wrapper multipli in CSS

Blocchi strutturali di un sito in HTML

Schema di layout a due colonne per siti web in CSS

Schema di un layout a tre colonne per siti web in CSS

Tag speciali per gli elementi di layout del sito in HTML

Tag di layout principali in HTML

Tag per le sezioni in HTML

Pratica con layout HTML e CSS