Tutorial di base di CSS3

Corso CSS3

CSS3 è lo sviluppo più recente della lingua delle tabelle di stile sovrapposte, progettato per espandere CSS2.1. Porta molte novità attese, come i bordi arrotondati, le ombre, le degradazioni, le transizioni o gli animazioni, e nuovi layout come le colonne multiple, i frame flessibili o i layout a griglia. Le caratteristiche sperimentali portano prefissi di produttori, dovrebbero essere evitate nell'ambiente di produzione o utilizzate con grande cautela, poiché la loro sintassi e semantica potrebbero cambiare in futuro.

Molti sono le nuove funzionalità di CSS3, come l'effetto arrotondato, i bordi grafici, le ombre sui blocchi e sulle lettere, l'effetto trasparente utilizzando RGBA, l'effetto di degradazione, la personalizzazione dei caratteri utilizzando @Font-Face, la gestione di più immagini di sfondo, la trasformazione di testo o immagine (ruotamento, ingrandimento, inclinazione, spostamento), la layout a più colonne, le query mediatiche, ecc.

Corso CSS3

CSS viene utilizzato per controllare i stili e la disposizione delle pagine web.

CSS3 è lo standard CSS più recente.

Questo tutorial ti spiega le nuove caratteristiche di CSS3.

Inizia a imparare CSS3!

Esempio di animazione CSS3, che dimostra un'animazione di transizione tra sfondo rosso e verde.

Esempio

<!DOCTYPE html>　　
<html>　　
<head>　　
<style>　　　
div {　　
　　　　larghezza: 100px;　　
　　　　altezza: 100px;　　
　　　　background: red;　　
　　　　-webkit-animation: myfirst 6s; /* Chrome, Safari, Opera */　　
　　　　animation: myfirst 5s;　　
}　　
/* Chrome, Safari, Opera */　　
@-webkit-keyframes myfirst {　　
　　　　from {background: red;}　　
　　　　to {background: green;}　　
}　　
　　
@keyframes myfirst {　　
　　　　from {background: red;}　　
　　　　to {background: green;}　　
}　　
</style>　　
</head>　　
<body>　　
<p><b>Attenzione:</b> IE 9 e le versioni precedenti non supportano le proprietà di animazione CSS3.</p>　　
<div></div>　　
</body>　　
</html>

Prova a vedere ‹/›

Manuale di riferimento CSS3

Nel sito di Corso di base CSS, forniamo una guida completa ai riferimenti CSS3, inclusi tutti gli attributi e la sintassi degli elementi selector, con esempi e informazioni sulla compatibilità dei browser.

Manuale di riferimento delle proprietà CSS

Manuale di riferimento degli selector CSS

Manuale di riferimento dei colori CSS

Introduzione a CSS3