Guide / CSS — fogli di stile
CSS — fogli di stile
CSS completo: specificità e cascade, box model, Flexbox e Grid, pseudo-classi, animazioni, posizionamento, organizzazione (@layer), accessibilità e contrasto, oltre a media query e variabili.
-
article
Introduzione
Ruolo di CSS accanto a HTML e JavaScript.
-
article
Sintassi e regole
Regole, dichiarazioni e commenti.
-
article
Selettori
Tipo, classe, id, attributo e combinatori.
-
article
Specificità e cascade
Peso dei selettori e origine delle regole.
-
article
Box model
Contenuto, padding, bordo e margin.
-
article
Flexbox
Asse principale, allineamento e distribuzione.
-
article
Grid Layout
Griglie bidimensionali: righe, colonne, area.
-
article
Tipografia e colori
Font, unità e colori.
-
article
Variabili CSS (custom properties)
--nome e funzione var().
-
article
Media query e responsive
Breakpoint e adattamento al viewport.
-
article
Pseudo-classi e pseudo-elementi
:hover, :focus-visible, ::before.
-
article
Animazioni e transizioni
transition, @keyframes e animation.
-
article
Posizionamento e z-index
static, relative, absolute, fixed, sticky.
-
article
Organizzazione: @import e @layer
Modularità e ordine delle cascade layers.
-
article
Accessibilità e contrasto
WCAG, focus visibile e testi.
-
article
Esempi pratici
Scheda componente con token e layout flessibile.