HTML/CSSPrincipiante
HTML e CSS
Costruisci le tue prime pagine web: struttura con HTML e stile con CSS, nel browser.
17 capitoli68 lezioni48 sfide
Programma del corso
Capitolo 1: Le basi dell'HTML
- ▸Cos'è l'HTML
- ▸Tag ed elementi
- ▸La struttura di una pagina
- ▸Attributi e commenti
Capitolo 2: Titoli e testo
- ▸Titoli e paragrafi
- ▸Grassetto, corsivo e a capo
- ▸Citazioni e testo tecnico
- ▸Entità e caratteri speciali
Capitolo 3: Liste
- ▸Liste non ordinate e ordinate
- ▸Quando ordinata, quando no
- ▸Liste annidate
- ▸Liste di definizione
Capitolo 4: Link e immagini
- ▸I link
- ▸Le immagini
- ▸Tipi di link
- ▸Immagini: dimensioni e figure
Capitolo 5: Selettori e colori
- ▸Come si scrive il CSS
- ▸Selettori: tag, classe, id
- ▸Tre modi di applicare il CSS
- ▸I colori in CSS
Capitolo 6: Testo e font
- ▸Dimensione, colore e peso
- ▸Allineamento del testo
- ▸Unità di misura
- ▸Decorare e spaziare il testo
Capitolo 7: Il box model
- ▸Il box model
- ▸padding, border, margin
- ▸width, height e box-sizing
- ▸Bordi arrotondati e ombre
Capitolo 8: Display e Flexbox
- ▸display
- ▸Flexbox
- ▸Flexbox: direzione, gap e align
- ▸Cenni di responsive
Capitolo 9: CSS Grid
- ▸display: grid
- ▸Righe e colonne
- ▸gap
- ▸Posizionare le celle
Capitolo 10: Posizionamento e z-index
- ▸La proprietà position
- ▸Gli offset top/right/bottom/left
- ▸z-index e stacking
- ▸overflow
Capitolo 11: Responsive design
- ▸Unita relative
- ▸box-sizing
- ▸Media query
- ▸Mobile-first e immagini fluide
Capitolo 12: Transizioni e animazioni
- ▸transition
- ▸transform
- ▸@keyframes e animation
- ▸Timing e best practice
Capitolo 13: Custom properties e funzioni
- ▸Variabili CSS (custom properties)
- ▸calc()
- ▸clamp(), min(), max()
- ▸Funzioni moderne
Capitolo 14: Form e tabelle
- ▸Il form e gli input
- ▸I tipi di input e le label
- ▸select, textarea, button
- ▸Le tabelle
Capitolo 15: HTML semantico e accessibilità
- ▸Tag semantici
- ▸Immagini accessibili: alt
- ▸ARIA: label e ruoli
- ▸Landmark e best practice
Capitolo 16: Selettori e pseudo avanzati
- ▸Pseudo-classi
- ▸Pseudo-elementi
- ▸Combinatori
- ▸:is(), :where() e :has()
Capitolo 17: CSS moderno e architettura
- ▸Il selettore :has()
- ▸Funzioni e proprietà moderne
- ▸@layer e la cascade
- ▸Architettura CSS e BEM
Pronto a salire di livello?
Crea un account gratuito e inizia subito: guadagni XP a ogni sfida e scali la classifica.