CSS  »  Guide 

Guida CSS3

Guida CSS3

di: Cesare Lamanna, Simone D'Amico

Introduzione

  1. 1. Introduzione
    Dai CSS 2 ai CSS3: cosa cambia nella specifica

Selettori

  1. 2. Selettori di base
    Selettore universale, selettori di tipo, classi e id
  2. 3. Selettori combinatori o di relazione
    Combinare e mettere in relazione elementi all'interno dell'albero del documento
  3. 4. Selettori di attributo
    Selezionare elementi in base agli attributi e ai loro valori
  4. 5. Pseudo-classi e pseudo-classi strutturali
    Selezionare elementi nell'albero del DOM in base alla loro posizione
  5. 6. Altre pseudo-classi
    Analisi delle pseudo-classi :not, :target e di quelle per gli elementi dell'interfaccia utente
  6. 7. Pseudo-classi per la validazione
    Un gruppo di selettori utili nella validazione dei form
  7. 8. Pseudo-elementi
    Modificare la prima lettere e la prima riga di un paragrafo; lavorare con i contenuti generati

Colore

  1. 9. Opacity
    Impostare la trasparenza di un elemento
  2. 10. Colore RGBa
    Definire il colore di un elemento in RGB e la sua trasparenza con il canale alfa
  3. 11. Colore HSLa
    Definire il colore di un elemento in HSL e la sua trasparenza con il canale alfa

Bordi

  1. 12. Border-radius
    Creare angoli arrotondati
  2. 13. Border-image
    Usare immagini per definire i bordi di un elemento
  3. 14. Box-shadow
    Aggiungere un'ombra agli elementi HTML

Sfondi

  1. 15. Sfondi multipli
    Usare più di un'immagine come sfondo di un elemento
  2. 16. Background-clip
    Specificare il posizionamento dello sfondo rispetto al bordo dell'elemento
  3. 17. Background-origin
    Specificare l'area di posizionamento di un'immagine di sfondo
  4. 18. Background-size
    Impostare le dimensioni delle immagini di sfondo
  5. 19. Gradienti come immagini di sfondo
    Creare in pochi passi background con sfumature a colori

Testo e font

  1. 20. Web fonts con @font-face
    La svolta tipografica offerta dai CSS3
  2. 21. Word-wrap
    Gestire il comportamento del browser di fronte al testo eccedente la larghezza di un box
  3. 22. Text-shadow
    Aggiungere un'ombreggiatura al testo

Layout e box model

  1. 23. Overflow-x e overflow-y
    Gestire il contenuto eccedente posto all'interno di un box
  2. 24. Box-sizing
    Impostare il box model più adatto alle nostre esigenze
  3. 25. Layout multicolonna
    Distribuire il contenuto di un box su più colonne
  4. 26. Flexible box layout
    Un nuovo modo per strutturare il layout delle nostre pagine

Media queries

  1. 27. CSS Media queries: le basi
    Servire fogli di stile ad hoc in base alle caratteristiche dei dispositivi di visualizzazione
  2. 28. CSS Media queries: caratteristiche dei media
    Su quali caratteristiche di un dispositivo possiamo intervenire con le media queries

Transizioni, trasformazioni, animazioni

  1. 29. Transizioni CSS3
    Creare effetti di transizione solo con i CSS
  2. 30. Trasformazioni CSS3
    Trasformare gli oggetti presenti sulla pagina
  3. 31. Animazioni CSS3
    Animare oggetti ed elementi lungo una timeline

Guide CSS

Responsive Desing, la guida

Progettare siti da fruire su dispositivi diversi è imprescindibile...

Guida CSS Tecniche essenziali

Testo, immagini, layout, form, liste, tabelle: soluzioni pronte per...

Guida CSS di base

I CSS servono per gestire tutto il layout di un sito Web. E'...

Altre guide

Newsletter @CSS

Ogni mercoledì, direttamente nella tua e-mail: guide, articoli, tutorial, FAQ e approfondimenti tecnici su CSS e Web Design.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti