Tutorial CSS3

1. Tutorial CSS
2. Introduzione CSS
3. Fogli di stile interni, esterni ed in linea
4. Fogli di stile esterni
5. Selettori nei CSS3
6. Font nei CSS
7. Reset CSS

Width, height

1. Proprietà max-width

Background

1. Come impostare il background-color
2. Utilizzare background-image, background-repeat e background-position

Pseudo classi

1. Pseudo-classi link, hover, visited, active
2. Come utilizzare first child

Margin e padding

1. La proprietà margin
2. La proprietà padding

Icons CSS

1. Inserire le icone con fontawesome

Display

1. Display CSS

Opacità

1. Effetto opacity CSS
2. Opacità con rgba

Proprietà per impostare i bordi nei CSS

1. Come utilizzare CSS border – border width
2. Border style CSS
3. Border color CSS
4. Border radius CSS

Proprietà position e z-index

1. Introduzione alla proprietà position
2. Proprietà position static
3. Proprietà position relative
4. Proprietà position absolute
5. Proprietà position fixed
6. Effetto parallasse
7. Proprietà z-index
8. Position sticky

Pseudo-elementi

1. Pseudo-elementi ::before e ::after
2. First letter e first line

Overflow

1. La proprietà Overflow nei CSS

Float e clear

1. Float left e right
2. Float e clear
3. Layout con float

Ombreggiatura

1. Come creare effetti ombra esterna ed interna con Box shadow – uso di inset
2. Come creare effetti ombra sul testo con text shadow

Media queries

1. Introduzione alle media queries
2. Esempi di utilizzo delle media query
3. Menù responsive media query

Flexbox

1. Introduzione a flexbox e proprietà box genitore, display:flex
2. Proprietà del flex-container
3. Quali sono le proprietà dei box flessibili
4. Come utilizzare flex-direction
5. Impostare la proprietà flex-wrap
6. Come utilizzare la proprietà justify content
7. La proprietà align items
8. La proprietà align content
9. La proprietà flex-grow
10. La proprietà flex-shrink
11. La proprietà flex-basis
12. La proprietà flex
13. La proprietà align-self
14. La proprietà order

Layout ed esempi pratici

1. Transitions
2. CSS Button
3. Dropdown Menù
4. Form con i CSS
5. Animazioni
6. Layout d'esempio responsive con i CSS
7. Layout d'esempio 2