Tutte le lezioni CSS3-LAB
Un indice ordinato per studiare CSS in modo progressivo, dai primi selettori al progetto finale.
Cos’è CSS3 e a cosa serve
Capire il ruolo dei fogli di stile nella separazione tra struttura HTML e presentazione grafica.
Leggi → BaseCollegare un foglio CSS
Usare link, percorsi relativi e organizzazione corretta delle cartelle del sito.
Leggi → SelettoriSelettori CSS
Applicare regole a tag, classi, id, discendenti e stati interattivi.
Leggi → GraficaColori e sfondi
Gestire colori, gradienti, immagini di sfondo e contrasti leggibili.
Leggi → TipografiaTesti, font e spaziatura
Rendere leggibili titoli, paragrafi, link e testi lunghi.
Leggi → LayoutBox model
Capire margin, border, padding, width e box-sizing.
Leggi → LayoutDisplay e position
Usare block, inline, inline-block, relative, absolute e sticky.
Leggi → LayoutFlexbox
Allineare elementi in righe e colonne in modo semplice e responsivo.
Leggi → LayoutCSS Grid
Creare griglie, schede, aree e layout a colonne.
Leggi → MobileResponsive design
Adattare la pagina a smartphone, tablet e desktop con media query.
Leggi → ComponentiMenu di navigazione
Costruire menu orizzontali, verticali e responsive.
Leggi → ComponentiCard e box informativi
Creare riquadri leggibili per articoli, prodotti, lezioni e servizi.
Leggi → UIBottoni e link
Disegnare pulsanti coerenti, accessibili e riconoscibili.
Leggi → FormStilizzare i form
Migliorare campi, label, select, checkbox e messaggi di errore.
Leggi → DatiTabelle leggibili
Rendere tabelle più ordinate, responsive e facili da consultare.
Leggi → MediaImmagini responsive
Adattare immagini, copertine e miniature senza deformarle.
Leggi → InterazioniTransizioni e hover
Aggiungere micro-interazioni senza appesantire la pagina.
Leggi → MovimentoAnimazioni CSS
Usare keyframes con moderazione per comunicare stati e cambiamenti.
Leggi → OrganizzazioneVariabili CSS
Gestire palette, spaziature e valori ricorrenti con custom properties.
Leggi → TemaDark mode base
Preparare una variante scura mantenendo contrasto e leggibilità.
Leggi → QualitàAccessibilità nel CSS
Non nascondere focus, mantenere contrasto e rispettare la navigazione da tastiera.
Leggi → DebugErrori comuni CSS
Riconoscere conflitti, specificità, percorsi errati e regole sovrascritte.
Leggi → MetodoOrganizzare il CSS
Strutturare un file CSS in sezioni chiare e riutilizzabili.
Leggi → ProgettoProgetto finale CSS3-LAB
Impaginare una pagina completa partendo da HTML già pronto.
Leggi →